fix: make forms work

rename usage of reserved react property
Eyevinn · Apr 25, 2024 · fde8cdc · fde8cdc
1 parent 555bd9f
commit fde8cdc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/landing-page/form-input-with-loader.tsx b/src/components/landing-page/form-input-with-loader.tsx
@@ -8,7 +8,7 @@ type TFormInputWithLoader = {
   placeholder: string;
   onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   name: string;
-  ref: RefCallBack;
+  inputRef: RefCallBack;
   onBlur: ChangeHandler;
   type: string;
   loading: boolean;
@@ -23,7 +23,7 @@ export const FormInputWithLoader = ({
   placeholder,
   onChange,
   name,
-  ref,
+  inputRef,
   onBlur,
   type,
   loading,
@@ -36,7 +36,7 @@ export const FormInputWithLoader = ({
           className="with-loader"
           onChange={onChange}
           name={name}
-          ref={ref}
+          ref={inputRef}
           onBlur={onBlur}
           type={type}
           placeholder={placeholder}

diff --git a/src/components/landing-page/join-production.tsx b/src/components/landing-page/join-production.tsx
@@ -145,7 +145,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                 label="Production ID"
                 placeholder="Production ID"
                 name={name}
-                ref={ref}
+                inputRef={ref}
                 onBlur={onBlur}
                 type="number"
                 loading={loading}

diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
@@ -130,7 +130,7 @@ export const ManageProductions = () => {
         label="Production ID"
         placeholder="Production ID"
         name={name}
-        ref={ref}
+        inputRef={ref}
         onBlur={onBlur}
         type="number"
         loading={fetchLoader}