Use live signal plain value (#800)

* Allow useLiveSignal to leverage plain values

* Add changeset

Author: JoviDeCroock

.changeset/green-doors-tease.md

@@ -0,0 +1,6 @@
+---
+"@preact/signals": patch
+"@preact/signals-react": patch
+---
+
+Allow useLiveSignal to accept plain values

packages/preact/utils/src/index.tsx

@@ -15,7 +15,9 @@ const Item = (props: any) => {
 		: props.children;
 };
 
-export function Show<T = boolean>(props: ShowProps<T>): ComponentChildren | null {
+export function Show<T = boolean>(
+	props: ShowProps<T>
+): ComponentChildren | null {
 	const value =
 		typeof props.when === "function" ? props.when() : props.when.value;
 	if (!value) return props.fallback || null;
@@ -60,9 +62,7 @@ export function For<T>(props: ForProps<T>): ComponentChildren | null {
 	return createElement(Fragment, null, items);
 }
 
-export function useLiveSignal<T>(
-	value: Signal<T> | ReadonlySignal<T>
-): Signal<Signal<T> | ReadonlySignal<T>> {
+export function useLiveSignal<T>(value: T): Signal<T> {
 	const s = useSignal(value);
 	if (s.peek() !== value) s.value = value;
 	return s;

packages/react/utils/src/index.tsx

@@ -65,7 +65,7 @@ export function For<T>(props: ForProps<T>): JSX.Element | null {
 	return createElement(Fragment, { children: items });
 }
 
-export function useLiveSignal<T>(value: Signal<T> | ReadonlySignal<T>) {
+export function useLiveSignal<T>(value: T): Signal<T> {
 	const s = useSignal(value);
 	if (s.peek() !== value) s.value = value;
 	return s;