Как исправить ошибку createContext с тайпскриптом?

Question

Как исправить ошибку createContext с тайпскриптом?

Рейтинг: 0Ответов: 0Опубликовано: 25.02.2023

Делаю проект в котором хочу сделать аунтефикацию используя firebase, начал писать файл AuthContext но столкнулся с ошибками которые не выходит исправить. Насколько я понимаю то ошибка заключается в отсутствии типизации функции AuthContext

По задумке я создаю контекст таким образом:

import { createContext, useContext, useEffect, useState } from "react";

const AuthContext = createContext();
//(alias) createContext<unknown>(defaultValue: unknown): React.Context<unknown> import createContext Expected 1 arguments, but got 0.

export function AuthContextProvider({ children }) {
  return <AuthContext.Provider>{children}</AuthContext.Provider>;
}

export function UserAuth() {
  return useContext(AuthContext);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

и потом я в своем App.tsx оборачиваю это все в AuthContextProvider:

import { AuthContextProvider } from "./context/AuthContext.js";

function App() {
  return (
    <div className="App">
      <AuthContextProvider>
        <Navbar />
        <Routes>
          <Route path="/" element={<Home />} />
        </Routes>
      </AuthContextProvider>
    </div>
  );
}

export default App;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

но естественно не получается ибо ошибка не исправлена. Может кто-то обьяснит мне как типизировать createContext() и убрать ошибку: "(alias) createContext(defaultValue: unknown): React.Context import createContext Expected 1 arguments, but got 0.ts(2554) index.d.ts(377, 9): An argument for 'defaultValue' was not provided."

javascript firebase reactjs typescript

Источник: Stack Overflow на русском

Как исправить ошибку createContext с тайпскриптом?

Ответы