Tengo una página compilada con 3 componentes de formulario. Quiero que la página principal tenga el estado y pase el estado a los componentes secundarios. Luego, quiero mutar el estado en los formularios y luego usarlos en el componente principal. Lo estoy haciendo actualmente. de una manera similar a la que se muestra a continuación, pero no estoy seguro de si este es el mejor enfoque para manejar el estado en los componentes secundarios, ¿hay una mejor manera? También quiero memorizar los componentes del formulario con react.memo para evitar que se vuelvan a renderizar a menos que los accesorios hayan cambiado. Cualquier ayuda sería muy apreciada

 const [form1, setform1] = useState<boolean>(false); const [Form2, setform2] = useState<string>(""); const [form3, setForm3] = useState({}); <form1 form1={form1} setfrom1={setform1} otherProps={otherProps} /> <form2 form2={form2} setfrom2={setform2} otherProps={otherProps} /> <form3 form3={form3} setfrom1={setform3} otherProps={otherProps}/>