Components

Located in react-wrench/lib/components/<component>.

List:

ClientOnly

Import:

import ClientOnly from "react-wrench/lib/components/ClientOnly";

Types:

declare type Props = {
    children: React.ReactNode;
    loader?: React.ReactNode;
};
declare const ClientOnly: React.FunctionComponent<Props>;
export default ClientOnly;

Storybook.

Renders only on the client, not on the server. Useful for wrapping stuff that would normally break during SSR.

Toggle

Import:

import Toggle from "react-wrench/lib/components/Toggle";

Types:

declare type Arg = {
    open: boolean;
    onToggle: () => void;
};
declare type Props = {
    children: (arg: Arg) => React.ReactNode;
    initial?: boolean;
};
declare const Toggle: ({ children, initial }: Props) => React.ReactNode;
export default Toggle;

Storybook.

Useful for toggling something on/off.