getting error 'React' must be in scope when using JSX react/react-in-jsx-scope

Question

the code is as follows i am getting error

" React' must be in scope when using JSX react/react-in-jsx-scope" ***

import {BrowserRouter as  Router, Routes, Route} from 'react-router-dom';
    
    function App() {
      return (
        <>
        <Router>
        <Navbar/>
        <Routes>
          <Route path= '/' exact />
          </Routes>
        </Router>
         
        </>
      );
    }
    
    export default App;

Does this answer your question? 'React' must be in scope when using JSX react/react-in-jsx-scope? — Henry
– Henry, Commented Oct 23, 2022 at 22:01

Binuka Kamesh · Accepted Answer · 2022-07-10 11:23:26Z

2

Since you haven't provided the full code here, I assume that your React import statement is wrong. Import React on top of your .js file

import React from 'react';

edited Jul 10, 2022 at 11:23

answered Jul 10, 2022 at 11:22

Binuka Kamesh

386 bronze badges

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

Comments

FromThePoop · Accepted Answer · 2022-07-10 11:21:37Z

1

Error came because you did not import React.

import react from 'react';

This import is required under React 17 And no more required since React 17

answered Jul 10, 2022 at 11:21

FromThePoop

815 bronze badges

Collectives™ on Stack Overflow

getting error 'React' must be in scope when using JSX react/react-in-jsx-scope

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related