fix example jsx issue

KevinVandy · KevinVandy · commit 2ef9a021bc9d · 2025-12-06T11:18:32.000-06:00
diff --git a/examples/preact/basic/index.html b/examples/preact/basic/index.html
@@ -12,7 +12,7 @@
     <meta name="og:title" content="Basic Example - TanStack Devtools" />
     <meta
       name="og:description"
-      content="A basic example of using TanStack Devtools with React and loading up the social previews"
+      content="A basic example of using TanStack Devtools with Preact and loading up the social previews"
     />
     <meta name="og:url" content="https://example.com/basic" />
 
@@ -23,13 +23,13 @@
     <meta name="twitter:title" content="Basic Example - TanStack Devtools" />
     <meta
       name="twitter:description"
-      content="A basic example of using TanStack Devtools with React and loading up the social previews"
+      content="A basic example of using TanStack Devtools with Preact and loading up the social previews"
     />
     <meta name="twitter:url" content="https://example.com/basic" />
     <script src="https://unpkg.com/react-scan/dist/auto.global.js"></script>
     <title>Basic Example - TanStack Devtools</title>
     <description
-      >A basic example of using TanStack Devtools with React.</description
+      >A basic example of using TanStack Devtools with Preact.</description
     >
   </head>
   <body>
diff --git a/examples/preact/basic/src/button-with-props-only.tsx b/examples/preact/basic/src/button-with-props-only.tsx
@@ -1,5 +1,6 @@
+import type { ComponentChildren } from 'preact'
 import { Button } from './button'
 
-export const ButtonWithProps = (props: { children: React.ReactNode }) => {
+export const ButtonWithProps = (props: { children: ComponentChildren }) => {
   return <Button {...props} />
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
	`1`	`+import type { ComponentChildren } from 'preact'`
`1`	`2`	`import { Button } from './button'`
`2`	`3`
`3`		`-export const ButtonWithProps = (props: { children: React.ReactNode }) => {`
	`4`	`+export const ButtonWithProps = (props: { children: ComponentChildren }) => {`
`4`	`5`	`return <Button {...props} />`
`5`	`6`	`}`