@tanstack/solid-router/dist/esm/ClientOnly.d.ts

Modern and scalable routing for Solid applications

import * as Solid from 'solid-js';
export interface ClientOnlyProps {
    /**
     * The children to render when the JS is loaded.
     */
    children: Solid.JSX.Element;
    /**
     * The fallback component to render if the JS is not yet loaded.
     */
    fallback?: Solid.JSX.Element;
}
/**
 * Render the children only after the JS has loaded client-side. Use an optional
 * fallback component if the JS is not yet loaded.
 *
 * @example
 * Render a Chart component if JS loads, renders a simple FakeChart
 * component server-side or if there is no JS. The FakeChart can have only the
 * UI without the behavior or be a loading spinner or skeleton.
 *
 * ```tsx
 * return (
 *   <ClientOnly fallback={<FakeChart />}>
 *     <Chart />
 *   </ClientOnly>
 * )
 * ```
 */
export declare function ClientOnly(props: ClientOnlyProps): Solid.JSX.Element;
export declare function useHydrated(): Solid.Accessor<boolean>;