Cannot find namespace error in typescript context file?

Question

I am getting the Cannot find namespace 'AppStateContext'.ts(2503) on the AppStateContext.Provider line any idea what is causing this it seem it cannot see the variable for some reason.

import React, { useState, createContext } from 'react';

type AppStateValue = {
  darktheme: boolean;
};

const defaultSataeValue: AppStateValue = {
  darktheme: false,
};

export const AppStateContext = createContext(defaultSataeValue);

const AppStateProvider: React.FC = () => {
  return <AppStateContext.Provider value={{}}></AppStateContext.Provider>;
};

// Tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src"]
}

emeraldsanto · Accepted Answer · 2021-10-28 01:54:21Z

9

Your file probably has the .ts extension, TSX is only supported in .tsx files. Simply change your extension and you should be good to go.

answered Oct 28, 2021 at 1:54

emeraldsanto

4,7611 gold badge17 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot find namespace error in typescript context file?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related