I'm following along with this tutorial:

And I'm at the step where we at the Firebase Context provider with the following code:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
import App from './ponents/App';
import Firebase, { FirebaseContext } from './ponents/Firebase';

ReactDOM.render(
  <FirebaseContext.Provider value={new Firebase()}>
    <App />
  </FirebaseContext.Provider>,
  document.getElementById('root'),
);
serviceWorker.unregister();

I wanted to do this in typescript just to build my chops and on the value={new Firebase()} I'm getting the error Type 'Firebase' is not assignable to type 'null'. TS2322

I'm exactly sure how to edit the value data type assignment as it appears to be set by React itself?

This is the code for the context provider:

import React from 'react';

const FirebaseContext = React.createContext(null);

export default FirebaseContext;

I'm following along with this tutorial: https://www.robinwieruch.de/plete-firebase-authentication-react-tutorial

And I'm at the step where we at the Firebase Context provider with the following code:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
import App from './ponents/App';
import Firebase, { FirebaseContext } from './ponents/Firebase';

ReactDOM.render(
  <FirebaseContext.Provider value={new Firebase()}>
    <App />
  </FirebaseContext.Provider>,
  document.getElementById('root'),
);
serviceWorker.unregister();

I wanted to do this in typescript just to build my chops and on the value={new Firebase()} I'm getting the error Type 'Firebase' is not assignable to type 'null'. TS2322

I'm exactly sure how to edit the value data type assignment as it appears to be set by React itself?

This is the code for the context provider:

import React from 'react';

const FirebaseContext = React.createContext(null);

export default FirebaseContext;

• javascript
• reactjs
• firebase

• What value you have set in firebaseContext? – farooq Commented Dec 23, 2019 at 6:19
• @farooq I guess I don't know enough about React/Typescript to know how to set that value? – glitchwizard Commented Dec 23, 2019 at 6:21
• Inside src/ponents/Firebase/context.js , What is there ? Can you modify your question with code? – farooq Commented Dec 23, 2019 at 6:22
• @farooq just added it. – glitchwizard Commented Dec 23, 2019 at 6:23

1 Answer 1

inside your firebase context you need to set the type, you should be able to use any for now until you figure out the specific type Firebase returns.

const FirebaseContext = React.createContext<any|null>(null);