diff --git a/src/content/docs/useform/control.mdx b/src/content/docs/useform/control.mdx
index b6fef1336..7ed569bbf 100644
--- a/src/content/docs/useform/control.mdx
+++ b/src/content/docs/useform/control.mdx
@@ -35,7 +35,7 @@ function App() {
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <Controller
-        render={({ field }) => <input {...field} />}
+        render={({ field }) => <TextField {...field} />}
         name="firstName"
         control={control}
         defaultValue=""