3 replies

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)

'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;

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

React Error

Similar Threads

Similar Threads

Similar Threads