title: The object passed as the value prop to the Context provider changes every render
body: <p>can any please help me on this one. I have got this error:</p>
  <p>src/index.js
  Line 9:36:  The object passed as the value prop to the Context provider (at line 9) changes every render. To fix this consider wrapping it in a useMemo hook  react/jsx-no-constructed-context-values</p>
  <p>I am not sure how to use useMemo in this case.</p>
  <pre><code>import ReactDOM from 'react-dom';
  import App from './App';
  import FirebaseContext from './context/firebase';
  import { firebase, FieldValue } from './lib/firebase';
  import './styles/app.css';
  
  ReactDOM.render(
    &lt;FirebaseContext.Provider value={{ firebase, FieldValue }}&gt;
      &lt;App /&gt;
    &lt;/FirebaseContext.Provider&gt;,
    document.getElementById('root')
  );
  </code></pre>