Why use mobx gist 9

gist.js

const ResourceContext = React.createContext();
function useResource(){
  const [resource,setResource] = React.useState({});
  return {
    resource,
    requestResource(){
      const interval = setInterval(()=>({
        // this is a contrived example for brevity, I know it's not
        // how you'll do it and that it won't work since resource is
        // always the original value
        setResource({...resource,seconds:resource.time + 1 })
      }),1000)
      setResource({loading:true,seconds:0});
      return fetch(`url/resource/${resourceId}`)
        .then(response=>response.json())
        .then(json=>setResource({...resource,loading:false,resource:json}))
        .catch(error=>setResource({loading:false,error}))
        .finally(()=>clearInterval(interval))
    }
  }
}

//resource-view.js
function ResourceView(props) {
  return props.loading? <Loader/>:<ResourceItem resource={props.resource}/>
}