diff options
Diffstat (limited to 'examples/framework-multiple/src/components')
3 files changed, 9 insertions, 6 deletions
diff --git a/examples/framework-multiple/src/components/preact/PreactCounter.tsx b/examples/framework-multiple/src/components/preact/PreactCounter.tsx index 2fb0a54b9..5ad164cc2 100644 --- a/examples/framework-multiple/src/components/preact/PreactCounter.tsx +++ b/examples/framework-multiple/src/components/preact/PreactCounter.tsx @@ -1,9 +1,10 @@ /** @jsxImportSource preact */ import { useState } from 'preact/hooks'; +import type { ComponentChildren } from 'preact'; /** A counter written with Preact */ -export function PreactCounter({ children }) { +export function PreactCounter({ children }: { children?: ComponentChildren }) { const [count, setCount] = useState(0); const add = () => setCount((i) => i + 1); const subtract = () => setCount((i) => i - 1); diff --git a/examples/framework-multiple/src/components/react/ReactCounter.tsx b/examples/framework-multiple/src/components/react/ReactCounter.tsx index 1cff97917..84681035d 100644 --- a/examples/framework-multiple/src/components/react/ReactCounter.tsx +++ b/examples/framework-multiple/src/components/react/ReactCounter.tsx @@ -1,7 +1,9 @@ -import { useState } from 'react'; +/** @jsxImportSource react */ + +import { useState, type ReactNode } from 'react'; /** A counter written with React */ -export function Counter({ children }) { +export function Counter({ children }: { children?: ReactNode }) { const [count, setCount] = useState(0); const add = () => setCount((i) => i + 1); const subtract = () => setCount((i) => i - 1); diff --git a/examples/framework-multiple/src/components/solid/SolidCounter.tsx b/examples/framework-multiple/src/components/solid/SolidCounter.tsx index 153feaddc..cb9219608 100644 --- a/examples/framework-multiple/src/components/solid/SolidCounter.tsx +++ b/examples/framework-multiple/src/components/solid/SolidCounter.tsx @@ -1,9 +1,9 @@ /** @jsxImportSource solid-js */ -import { createSignal } from 'solid-js'; +import { createSignal, type JSX } from 'solid-js'; /** A counter written with Solid */ -export default function SolidCounter({ children }) { +export default function SolidCounter(props: { children?: JSX.Element }) { const [count, setCount] = createSignal(0); const add = () => setCount(count() + 1); const subtract = () => setCount(count() - 1); @@ -15,7 +15,7 @@ export default function SolidCounter({ children }) { <pre>{count()}</pre> <button onClick={add}>+</button> </div> - <div class="counter-message">{children}</div> + <div class="counter-message">{props.children}</div> </> ); } |