Как установить значение начального состояния в React context api с помощью axios?

Question

Я пытаюсь установить начальное значение с помощью контекстного API. Я вызываю функцию, но она вызывается повторно. есть ли способ вызвать асинхронную функцию в контексте, чтобы установить начальное значение

const BreachContextProvider = props => {
  const [{ breaches }, dispatch] = useReducer(BreachReducer, {
    breaches: setBreach()
  });

  async function setBreach() {
    console.log("here");
    try {
      const breaches = await breachService.getBreaches();
      dispatch({ type: "SET_BREACHES", breaches });
    } catch (err) {
      console.log(" err in breaches", err);
    }
  }

  return (
    <BreachContext.Provider value={{ breaches, dispatch }}>
      {props.children}
    </BreachContext.Provider>
  );
};

export default BreachContextProvider