Observables

hero-context.js

import React, { createContext } from "react";
import { useLocalStore } from "mobx-react-lite";
import {
  deleteHero,
  getHeroById,
  getHeroes,
  postHero,
  putHero
} from "./hero-service";

export const HeroProvider = ({ children }) => {
  const store = useLocalStore(() => ({
    /*observables*/
    heroes: [],
    hero: {
      id: "",
      firstName: "",
      lastName: "",
      house: "",
      knownAs: ""
    },
    isLoading: false,
    error: ""
  }));
  return <heroContext.Provider value={store}>{children}</heroContext.Provider>;
};
export const heroContext = createContext();