Function JsonSearchProvider

app/hooks/useJsonSearch.tsx:173–242

({
  children,
}: {
  children: React.ReactNode;
})

};

export function JsonSearchProvider({
  children,
}: {
  children: React.ReactNode;
}) {
  const [json] = useJson();

  const [state, dispatch] = useReducer<
    React.Reducer<JsonSearchState, JsonSearchAction>
  >(wrapReducer("jsonSearch", reducer), { status: "initializing" });

  const search = useCallback(
    (query: string) => {
      dispatch({ type: "search", payload: { query } });
    },
    [dispatch]
  );

  const reset = useCallback(() => {
    dispatch({ type: "reset" });
  }, [dispatch]);

  const handleWorkerMessage = useCallback(
    (e: MessageEvent<SearchReceiveWorkerEvent>) => dispatch(e.data),
    [dispatch]
  );

  const workerRef = useRef<Worker | null>();

  useEffect(() => {
    if (typeof window === "undefined" || typeof window.Worker === "undefined") {
      return;
    }

    if (workerRef.current) {
      return;
    }

    const worker = new Worker("/entry.worker.js");
    worker.onmessage = handleWorkerMessage;

    workerRef.current = worker;

    workerRef.current.postMessage({
      type: "initialize-index",
      payload: {
        json,
      },
    });
  }, [json, workerRef.current]);

  useEffect(() => {
    if (state.status !== "searching") {
      return;
    }

    workerRef.current?.postMessage({
      type: "search",