client-only

1"use client";
2 
3import * as React from "react";
4 
5interface ClientOnlyProps {
6  children: React.ReactNode;
7  fallback?: React.ReactNode;
8}
9 
10function subscribe() {
11  return () => {};
12}
13 
14function getSnapshot() {
15  return true;
16}
17 
18function getServerSnapshot() {
19  return false;
20}
21 
22function ClientOnly({ children, fallback = null }: ClientOnlyProps) {
23  const mounted = React.useSyncExternalStore(
24    subscribe,
25    getSnapshot,
26    getServerSnapshot,
27  );
28 
29  if (!mounted) return fallback;
30 
31  return children;
32}
33 
34export { ClientOnly };