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 ( <> - +