| 15 | */ |
| 16 | // not using Suspense |
| 17 | export default function clientOnly<T extends Component<any>>( |
| 18 | fn: () => Promise<{ |
| 19 | default: T |
| 20 | }>, |
| 21 | options: { lazy?: boolean } = {}, |
| 22 | ) { |
| 23 | if (isServer) |
| 24 | return (props: ComponentProps<T> & { fallback?: JSX.Element }) => |
| 25 | props.fallback |
| 26 | |
| 27 | const [comp, setComp] = createSignal<T>() |
| 28 | !options.lazy && load(fn, setComp) |
| 29 | return (props: ComponentProps<T>) => { |
| 30 | let Comp: T | undefined |
| 31 | let m: boolean |
| 32 | const [, rest] = splitProps(props, ['fallback']) |
| 33 | options.lazy && load(fn, setComp) |
| 34 | if ((Comp = comp()) && !sharedConfig.context) return Comp(rest) |
| 35 | const [mounted, setMounted] = createSignal(!sharedConfig.context) |
| 36 | onMount(() => setMounted(true)) |
| 37 | return createMemo( |
| 38 | () => ( |
| 39 | (Comp = comp()), |
| 40 | (m = mounted()), |
| 41 | untrack(() => (Comp && m ? Comp(rest) : props.fallback)) |
| 42 | ), |
| 43 | ) |
| 44 | } |
| 45 | } |
| 46 | |
| 47 | function load<T>( |
| 48 | fn: () => Promise<{ |