Cannot find namespace React Context TypeScript

Question

import React, { useState, createContext, FC } from "react";
import {
  InitialInputValues,
  InputsInitiaState,
} from "../components/AccountDetails/AccountDetails.type";

export const TestContext = createContext<InputsInitiaState>(InitialInputValues);

const TodoProvider: FC<React.ReactNode> = ({ children }) => {
  const [inputs, setInputs] = useState<InputsInitiaState>(InitialInputValues);
  return <TestContext.Provider value={inputs}>{children}</TestContext.Provider>;
};

I have the follwing problem I have created the context and I am trying to return the children component in order to pass the context ot the app but TypeScript is saying that TestContext cannot find namespace of it. I have researched in alot of places and all are showing the same way of handling with context, can some one take a look and point out what I am missing, thanks in advance. I am gonna share a picture as well of the error

tbjgolden · Accepted Answer · 2022-03-29 14:09:56Z

17

It looks like your file is being parsed as TypeScript instead of "TypeScript React" (i.e. TS with JSX).

That's why it's trying to read your JSX tag as a type.

answered Mar 29, 2022 at 14:09

tbjgolden

1,37511 silver badges10 bronze badges

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

2 Comments

NewInTown Over a year ago

Thanks for pointing that it was the reason I have forgotten to add the x to the end of the file. Thank you. Cheers, I will leave the issue open for any fellas that may have the same small issue :D

Srushti Shah Over a year ago

I spent 3 hours looking in this error by myself. Regretting not searching online. Thank you so much for the comment

Collectives™ on Stack Overflow

Cannot find namespace React Context TypeScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related