Estoy trabajando en un proyecto con react usando typescript y estoy pasando un mal momento para averiguar por qué ocurre este error, básicamente, no puedo usar ningún ejemplo createContext que encontré en Internet debido a esto. Este específicamente lo obtuve de aquí: https://github.com/typescript-cheatsheets/react-typescript-cheatsheet Estoy tratando de usar lo mismo que se muestra en la sección Contexto.

 import * as React from "react"; export function createCtx<A>(defaultValue: A) { type UpdateType = React.Dispatch<React.SetStateAction<typeof defaultValue>>; const defaultUpdate: UpdateType = () => defaultValue; const ctx = React.createContext({ state: defaultValue, update: defaultUpdate }); function Provider(props: React.PropsWithChildren<{}>) { const [state, update] = React.useState(defaultValue); return <ctx.Provider value={{ state, update }} {...props} />; } return [ctx, Provider] as [typeof ctx, typeof Provider]; }

El problema es que cada vez que dice que hay este error No se puede encontrar el espacio de nombres ctx en la línea:

 return <ctx.Provider value={{ state, update }} {...props} />;

Todavía no puedo entender por qué, ¿alguien puede ver si estoy haciendo algo mal aquí? Este es mi tsconfig.json:

 { "compilerOptions": { "target": "es5", "lib": [ "dom", "dom.iterable", "esnext" ], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": false, "forceConsistentCasingInFileNames": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "preserve", "noImplicitAny": false, "strictNullChecks": false }, "include": [ "src" ] }

¡Cualquier ayuda sería apreciada!