Cannot find namespace 'ctx' error when creating Context with react - typescript

Question

I\'m working on a project with react using typescript and I\'m having a bad time figuring out why this error is happening, basically, I can\'t use

Answer 1

Please use tsx instead of ts it has some minute differences. tsx obviously allows the usage of jsx tags inside typescript.

Answer 2

Your file extension is most likely .ts instead of .tsx.

Therefore TypeScript is interpreting <ctx.Provider as cast and tries to find a type Provider in the namespace ctx.