adds ClientOnly component

danybeltran · danybeltran · commit 2c8aaa83b41e · 2023-01-30T11:10:14.000-06:00
diff --git a/src/components/index.tsx b/src/components/index.tsx
@@ -23,5 +23,5 @@ export function BrowserOnly({ children }: { children?: React.ReactNode }) {
  * This can be used inside server components to wrap client only components
  */
 export function ClientOnly({ children }: { children: React.ReactNode }) {
-  return children
+  return children as JSX.Element
 }

Original file line number	Diff line number	Diff line change
`@@ -23,5 +23,5 @@ export function BrowserOnly({ children }: { children?: React.ReactNode }) {`
`23`	`23`	`* This can be used inside server components to wrap client only components`
`24`	`24`	`*/`
`25`	`25`	`export function ClientOnly({ children }: { children: React.ReactNode }) {`
`26`		`- return children`
	`26`	`+ return children as JSX.Element`
`27`	`27`	`}`