initialData not working about unform HOT 3 CLOSED

import { Form } from '@unform/web'


export default function MyForm() {
 const inputRef = useRef(null)
 const {fieldName, registerField, defaultValue, error} = useField(name)
 
 useEffect(() => {
   registerField({
    name: fieldName,
    ref: inputRef.current,
    path: 'value'
})
}, [fieldName, registerField])

  return (
    <Form initialData={{ email: '[email protected]' }}>
       <input name='email'  defaultValue={defaultValue}  ref={inputRef} {...rest}/>
    </Form>
  )
}

import { useField } from "@unform/core";
import { useEffect, useRef } from "react";

export default function Input({ name }: any) {
  const inputRef = useRef(null);
  const { fieldName, registerField, defaultValue } = useField(name);

  useEffect(() => {
    registerField({
      name: fieldName,
      ref: inputRef.current,
      path: "value",
    });
  }, [fieldName, registerField]);

  return <input ref={inputRef} defaultValue={defaultValue} />;
}

import { useField } from "@unform/core";
import { Form } from "@unform/web";
import "./App.css";
import Input from "./Input";

function App() {
  function handleSubmit(data: any) {
    console.log(data);
  }

  return (
    <div className="App">
      <h1>Hello World</h1>

      <Form onSubmit={handleSubmit} initialData={{ email: "[email protected]" }}>
        <Input name="email" />
      </Form>
    </div>
  );
}

export default App;