From 69f21a4d64f1ec1934723234e7c35d763702fa05 Mon Sep 17 00:00:00 2001 From: checktheroads Date: Sat, 29 May 2021 23:30:38 -0700 Subject: [PATCH] Update UI dependencies --- hyperglass/ui/components/form/field.tsx | 4 +- .../ui/components/form/queryLocation.tsx | 4 +- hyperglass/ui/components/form/queryTarget.tsx | 2 +- hyperglass/ui/components/form/queryType.tsx | 4 +- hyperglass/ui/components/form/types.ts | 8 +- hyperglass/ui/components/layout/frame.tsx | 4 +- hyperglass/ui/components/lookingGlass.tsx | 16 +- hyperglass/ui/hooks/types.ts | 24 +- hyperglass/ui/hooks/useASNDetail.ts | 13 +- hyperglass/ui/hooks/useDNSQuery.ts | 14 +- hyperglass/ui/hooks/useLGQuery.ts | 36 +- hyperglass/ui/package.json | 31 +- hyperglass/ui/types/guards.ts | 9 +- hyperglass/ui/yarn.lock | 1244 +++++++++-------- 14 files changed, 748 insertions(+), 665 deletions(-) diff --git a/hyperglass/ui/components/form/field.tsx b/hyperglass/ui/components/form/field.tsx index c3c6845..5ea6fe3 100644 --- a/hyperglass/ui/components/form/field.tsx +++ b/hyperglass/ui/components/form/field.tsx @@ -13,7 +13,9 @@ export const FormField: React.FC = (props: TField) => { const errorColor = useColorValue('red.500', 'red.300'); const opacity = useBooleanValue(hiddenLabels, 0, undefined); - const { errors } = useFormContext(); + const { + formState: { errors }, + } = useFormContext(); const error = name in errors && (errors[name] as FieldError); diff --git a/hyperglass/ui/components/form/queryLocation.tsx b/hyperglass/ui/components/form/queryLocation.tsx index 6c945bc..f5dec8b 100644 --- a/hyperglass/ui/components/form/queryLocation.tsx +++ b/hyperglass/ui/components/form/queryLocation.tsx @@ -27,7 +27,9 @@ export const QueryLocation: React.FC = (props: TQuerySelectFi const { onChange, label } = props; const { networks } = useConfig(); - const { errors } = useFormContext(); + const { + formState: { errors }, + } = useFormContext(); const { selections } = useLGState(); const { exportState } = useLGMethods(); diff --git a/hyperglass/ui/components/form/queryTarget.tsx b/hyperglass/ui/components/form/queryTarget.tsx index 3001d9d..f604afa 100644 --- a/hyperglass/ui/components/form/queryTarget.tsx +++ b/hyperglass/ui/components/form/queryTarget.tsx @@ -58,7 +58,7 @@ export const QueryTarget: React.FC = (props: TQueryTarget) => { return ( <> - +