alternate conditional props notation to fix the `_owner="[object Obje…

…ct]"` problem
MetaMask · Sep 18, 2023 · cb667dc · cb667dc
1 parent a58bc77
commit cb667dc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/ui/components/component-library/input/input.tsx b/ui/components/component-library/input/input.tsx
@@ -47,7 +47,7 @@ export const Input: InputComponent = React.forwardRef(
         },
         className,
       )}
-      {...(error && <>aria-invalid={error}</>)} // This stops it from including the attribute when `aria-invalid="false"`
+      {...(error && { 'aria-invalid': error })}
       as="input"
       autoComplete={autoComplete ? 'on' : 'off'}
       autoFocus={autoFocus}

diff --git a/ui/components/component-library/text-field/text-field.js b/ui/components/component-library/text-field/text-field.js
@@ -113,7 +113,7 @@ export const TextField = ({
     >
       {startAccessory}
       <InputComponent
-        {...(error && <>aria-invalid={error}</>)} // This stops it from including the attribute when `aria-invalid="false"`
+        {...(error && { 'aria-invalid': error })}
         autoComplete={autoComplete}
         autoFocus={autoFocus}
         backgroundColor={BackgroundColor.transparent}