Ошибка 'React' is not defined no-undef при использовании createContext(), как пофиксить?

Question

[Дмитрий Путилов]

Всем привет, возникла проблема при использовании useContext, но до него я так и не дошел, он ругается в самом начале, когда я создаю этот контекст
Пишет вот такую ошибку

Compiled with problems:X

ERROR

[eslint] 
src/components/Context/CreateContect.js
  Line 3:35:  'React' is not defined  no-undef

Search for the keywords to learn more about each error.

Вот код создания контекста

import {createContext} from "react";

export const CreateFieldContext = createContext({test: '123'})

А вот где я его пытаюсь передать

import Header from "./components/Header/Header";
import {Routes} from 'react-router'
import './index.css'
import {Route} from "react-router-dom";
import CreateField from "./components/CreateField/CreateField";
import {CreateFieldContext} from "./components/Context/CreateContext";

function App() {


    return (
        <div className="App">
            <Header/>
            <Routes>
                <CreateFieldContext.Provider>
                    <Route path='/create' element={<CreateField/>}/>
                </CreateFieldContext.Provider>
            </Routes>
        </div>
    );
}

export default App;

Answer 1

[Антон Иванов]

Вы забыли сам React подключить
import React from 'react';