Theo's Typesafe Cult•5mo ago

React Error

'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.ts(2686)

'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.ts(2686)

I am getting this error in an extremely simple page (using pages router)

const ModifyAchievements = () => {
  return <div>Hello World!</div>;
};

export default ModifyAchievements;

const ModifyAchievements = () => {
  return <div>Hello World!</div>;
};

export default ModifyAchievements;

I have no idea why it wants me to import React when in all my other pages (probably 30+) it doesn't ask me to. I have tried restarting typescript server multiple times. Note: The page runs perfectly and does not give any console errors I have no idea why it is detecting an error.

Solution:

Solved it, I guess typescript was just being stupid with that file (I had to delete it and recreate it for anyone who runs into this issue).

Jump to solution

1 Reply

Solution

Codex•5mo ago

Solved it, I guess typescript was just being stupid with that file (I had to delete it and recreate it for anyone who runs into this issue).

Gaming

Programming

React Error