‘React’ must be in scope when using JSX react/react-in-jsx-scope 에러 ESLint

ESLint 에러 조치

JSX를 사용하는 경우 로 <a />확장됩니다 React.createElement("a"). 따라서 React변수는 범위 내에 있어야 합니다.
@jsx pragma를 사용하는 경우 이 규칙은 지정된 변수가 아닌 지정된 변수를 확인합니다 React.

잘못된 예시

/** @jsx Foo.bar */
var React = require('react');

var Hello = <div>Hello {this.props.name}</div>;

Examples of correct code for this rule:

올바른 예시

import React from 'react';

var Hello = <div>Hello {this.props.name}</div>;
var React = require('react');

var Hello = <div>Hello {this.props.name}</div>;
/** @jsx Foo.bar */
var Foo = require('foo');

var Hello = <div>Hello {this.props.name}</div>;

규칙 비활성화

    // suppress errors for missing 'import React' in files
    'react/react-in-jsx-scope': 'off',

외부링크 : https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md