get React' must be in scope when using JSX error when import component

Question

I am writing this code and import React and Component in app/js file and also try to import app.js to index.js. but I get this error ' 'React' must be in scope when using JSX in index.js

app.js :

import React ,{Component} from 'react';

class App extends Component{
    constructor(props){
        super(props);

    }
    render(){
        return (
            <div>
                <h1>Hello Ashkan</h1>
            </div>
        );
    }
}


export default App;

index.js

import ReactDOM from 'react-dom';
import App from './app'



ReactDOM.render(<App/>,document.getElementById('root'));

I got this error

./src/index.js Line 6:'React' must be in scope when using JSX react/react-in-jsx-scope

import React from 'react' import react like this in index.js — Pardeep Sharma, Sep 10 '19 at 07:27
Does this answer your question? ['React' must be in scope when using JSX react/react-in-jsx-scope?](https://stackoverflow.com/questions/42640636/react-must-be-in-scope-when-using-jsx-react-react-in-jsx-scope) — Martin, Apr 28 '21 at 08:49

score 0 · Answer 1 · answered Sep 10 '19 at 08:53

0

You are using JSX in here (<App />):

ReactDOM.render(<App/>,document.getElementById('root'));

Whenever you use JSX React should be in scope.

answered Sep 10 '19 at 08:53

ansavchenco

535
6
14

get React' must be in scope when using JSX error when import component

1 Answers1