Why use mobx gist4

gist.js

const ResourceContext = React.createContext();
function useResource(){
  const [resource,setResource] = React.useState({});
  return {
    resource,
    requestResource(){
      setResource({loading:true});
      return fetch(`url/resource/${resourceId}`)
        .then(response=>response.json())
        .then(json=>setResource({loading:false,resource:json}))
        .catch(error=>setResource({loading:false,error}))
    }
  }
}

function resourceProvider(){
  const value = useResource();
  return <ResourceContext.Provider value={value} >
    {children}
  </ResourceContext.Provider>
}