Function renderHookWithProvider

app/util/test/renderWithProvider.tsx:130–167

(
  hook: (props: Props) => Result,
  providerValues?: ProviderValues,
)

}

export function renderHookWithProvider<Result, Props>(
  hook: (props: Props) => Result,
  providerValues?: ProviderValues,
) {
  const {
    state = {},
    uiMessenger = createMockUIMessenger(),
    routeMessenger = null,
  } = providerValues ?? {};

  const store = configureStore(state);
  // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
  require('../../store')._updateMockState(state);

  const Providers = ({ children }: { children: React.ReactElement }) => {
    let wrappedChildren = children;
    if (routeMessenger) {
      wrappedChildren = (
        <RouteMessengerContext.Provider value={routeMessenger}>
          {wrappedChildren}
        </RouteMessengerContext.Provider>
      );
    }

    return (
      <Provider store={store}>
        <UIMessengerProvider value={uiMessenger}>
          {wrappedChildren}
        </UIMessengerProvider>
      </Provider>
    );
  };

  return {
    ...renderHook(hook, { wrapper: Providers } as RenderHookOptions<Props>),
    store,
  };
}