remix-utils
Version:
This package contains simple utility functions to use with [React Router](https://reactrouter.com/).
26 lines (25 loc) • 757 B
TypeScript
import * as React from "react";
type Props = {
/**
* You are encouraged to add a fallback that is the same dimensions
* as the server rendered children. This will avoid content layout
* shift which is disgusting
*/
children(): React.ReactNode;
fallback?: React.ReactNode;
};
/**
* Render the children only before the JS has loaded client-side. Use an
* optional fallback component for once the JS has loaded.
*
* Example: Render a hidden input to identify if the user has JS.
* ```tsx
* return (
* <ServerOnly fallback={<FakeChart />}>
* {() => <Chart />}
* </ServerOnly>
* );
* ```
*/
export declare function ServerOnly({ children, fallback }: Props): import("react/jsx-runtime").JSX.Element;
export {};