diff --git a/app/components/ui/input.tsx b/app/components/ui/input.tsx
index 5945534..3edc039 100644
--- a/app/components/ui/input.tsx
+++ b/app/components/ui/input.tsx
@@ -1,12 +1,12 @@
 import { useState, type ComponentProps, type ReactNode } from 'react'
 import {
   get,
-  useFormContext,
   type FieldError,
   type FieldValues,
   type Path,
   type RegisterOptions,
 } from 'react-hook-form'
+import { useRemixFormContext } from 'remix-hook-form'
 
 import { EyeIcon } from '~/components/icons/eye'
 
@@ -31,7 +31,7 @@ export const Input = <TFormValues extends Record<string, unknown>>(
   const {
     register,
     formState: { errors },
-  } = useFormContext()
+  } = useRemixFormContext()
 
   const error: FieldError = get(errors, name)