types: Widen util component types to accept all child node content

[rschristian]

Ran into this at work, it'd be nice if you could pass in any ComponentChild-compatible content for our util components as both their fallbacks & children. At the moment it's a type error:

function Comp() {
  return (
    <Show when={count}>
      'hello'
  {/* ^ 'Show' components don't accept text as child elements. Text in JSX has the type 'string', but the expected type of 'children' is 'Element | ((value: boolean) => Element)'.(2747) */}
    </Show>
  )
}

cc @bluetidepro

[changeset-bot]

🦋 Changeset detected

Latest commit: 4cd3d4a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@preact/signals	Patch
@preact/signals-react	Patch
preact-signals-devtools	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for preact-signals-demo ready!

Name	Link
🔨 Latest commit	4cd3d4a
🔍 Latest deploy log	https://app.netlify.com/projects/preact-signals-demo/deploys/691794dad2b1df0008accef8
😎 Deploy Preview	https://deploy-preview-795--preact-signals-demo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Size Change: 0 B

Total Size: 106 kB

ℹ️ View Unchanged

Filename	Size
docs/dist/assets/bench.********.js	1.59 kB
docs/dist/assets/client.********.js	46.2 kB
docs/dist/assets/devtools.********.js	1.03 kB
docs/dist/assets/index.********.js	7.04 kB
docs/dist/assets/jsxRuntime.module.********.js	297 B
docs/dist/assets/preact.module.********.js	4.72 kB
docs/dist/assets/signals-core.module.********.js	1.56 kB
docs/dist/assets/signals.module.********.js	2.57 kB
docs/dist/assets/style.********.css	1.27 kB
docs/dist/assets/style.********.js	21 B
docs/dist/basic-********.js	245 B
docs/dist/nesting-********.js	1.13 kB
docs/dist/react-********.js	242 B
packages/core/dist/signals-core.js	1.59 kB
packages/core/dist/signals-core.mjs	1.6 kB
packages/debug/dist/debug.js	3.64 kB
packages/debug/dist/debug.mjs	3.18 kB
packages/preact-transform/dist/signals-*********.js	1.3 kB
packages/preact-transform/dist/signals-transform.mjs	1.29 kB
packages/preact-transform/dist/signals-transform.umd.js	1.42 kB
packages/preact/dist/signals.js	1.71 kB
packages/preact/dist/signals.mjs	1.67 kB
packages/react-transform/dist/signals-*********.js	6.89 kB
packages/react-transform/dist/signals-transform.mjs	6.09 kB
packages/react-transform/dist/signals-transform.umd.js	7.01 kB
packages/react/dist/signals.js	188 B
packages/react/dist/signals.mjs	150 B

_{compressed-size-action}

[rschristian]

This seems to be the correct approach for React's types? Weird: microsoft/TypeScript#14729

If there's a better way lmk

[bluetidepro]

Glad we stumbled upon this. Nice fix!