Estoy tratando de usar contextos React para administrar mis estados a través de componentes secundarios en TypeScript . Sin embargo, actualmente me enfrento a un problema con el siguiente código:
Dentro contexts/context.ts tengo:
export const MyContext = React.createContext(null); Dentro components/Parent.tsx tengo:
import {MyContext} from '../contexts/context'; export default function Parent() { const [state, setState] = React.useState([]); const MyContextManager = React.useContext(MyContext); return ( <MyContextManager.Provider value={[state, setState]}> <Child /> </MyContextManager.Provider> ) }Y dentro de mi componente Child tengo:
const [state, setState] = React.useContext(MyContext); const handleState = (value) => { setState(value); }Sin embargo, actualmente recibo un error:
TypeError: MyContextManager is nullQuerías usar MyContext.Provider . Consulta la documentación .
También mencionó el uso de TypeScript, pero que TypeError es un error de tiempo de ejecución. Parece que TS cree que su MyContextManager es de any tipo. Eso, o TypeScript piensa que tener null como tipo de componente está bien.