vite-ssr/react/components.js

Vite utility for server side rendering

import { useState, useEffect, createElement, Fragment, createContext as reactCreateContext, useContext as reactUseContext, } from 'react';
export const ClientOnly = ({ children }) => {
    const [mounted, setMounted] = useState(false);
    useEffect(() => setMounted(true));
    return mounted ? createElement(Fragment, { children }) : null;
};
const SSR_CONTEXT = reactCreateContext(null);
export function provideContext(app, context) {
    return createElement(SSR_CONTEXT.Provider, { value: context }, app);
}
export function useContext() {
    return reactUseContext(SSR_CONTEXT);
}