FirebaseContext Возвращает нулевое значение?

Question

Хотите использовать аутентификацию firebase в приложении реакции, я создал класс firebase и контекст, который предоставит объект firebase для завершения приложения.

Я обернул свой компонент firebase пользовательским firebaseContextProvider, но получил нулевое значениеконтекста firebase в компоненте app.js

Я также пытался создать компонент более высокого порядка, но он также не работал

// context.js
const FirebaseContext = React.createContext();

export const FirebaseProvider = (props) =>(
    <FirebaseContext.Provider value={new Firebase()}>
    {props.children}
  </FirebaseContext.Provider>
);

export default FirebaseContext ;

// index.js
ReactDOM.render(
            <Router>
                <FirebaseProvider>
                    <App />
                </FirebaseProvider>
            </Router>,
 document.getElementById('root'));

 // App.js
  const  firebase  = useContext(FirebaseContext);
  console.log(firebase); // This gives undefined value

Пожалуйста, помогите!не в состоянии понять, что не так?