Function Wrapper

webui/react/src/hooks/useTypedParams.test.tsx:76–116

({ params }: { params: t.TypeOf<typeof codec> })

const setupTest = (params: t.TypeOf<typeof codec>) => {
  const outerRef: { current: null | ReturnType<typeof useTypedParams> } = { current: null };
  const Wrapper = ({ params }: { params: t.TypeOf<typeof codec> }) => {
    // set up queryparams for usersettingsprovider
    const querySettings = useMemo(() => {
      const pairs = Object.entries(params).reduce(
        (memo, [k, v]) => {
          if (Array.isArray(v)) {
            v.forEach((sv) => {
              if (sv !== null) {
                const stringValue = sv instanceof Object ? JSON.stringify(sv) : sv.toString();
                memo.push([k, stringValue]);
              }
            });
          } else if (v instanceof Object) {
            memo.push([k, JSON.stringify(v)]);
          } else {
            memo.push([k, `${v}`]);
          }
          return memo;
        },
        [] as [string, string][],
      );
      return new URLSearchParams(pairs);
    }, [params]);

    const Inner = () => {
      const result = useTypedParams(codec, {});
      useLayoutEffect(() => {
        outerRef.current = result;
      });
      return null;
    };

    return (
      <UserSettings.Provider
        value={{ isLoading: false, querySettings, state: observable(NotLoaded) }}>
        <BrowserRouter>
          <Inner />
        </BrowserRouter>
      </UserSettings.Provider>
    );
  };
  const renderResult = render(<Wrapper params={params} />);
  return {
    hookRef: outerRef,