import { StateProvider } from "react-estate";
 
<StateProvider defaultState={state}>
  <App />
</StateProvider>;

import React, { useEffect } from "react";
import { useStateValue } from "react-estate";
 
function App() {
  const [state, setState] = useStateValue();
 
  useEffect(() => {
    setState({ mounted: true });
    console.log("log state", state);
  }, []);
 
  // render your component like normal
  return null;
}

import React from "react";
import { useStateValue } from "react-estate";
 
function SomeView() {
  const [{ mounted }] = useStateValue();
  console.log("reading top level app state", mounted);
 
  // render your component like normal
  return null;
}