@hrnec06/react_utils 1.3.3 → 1.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hrnec06/react_utils",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "A debugger component for react.",
   "exports": {
     ".": "./src/index.ts"

package/src/hooks/useLazySignal.ts

@@ -1,6 +1,6 @@
 import { ReactUtils } from "@hrnec06/util";
 import { Signal } from "./useSignal";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 
 const LazyNoValue = Symbol("LazyNoValue");
 
@@ -9,10 +9,8 @@ type LazyValue<T> = T | typeof LazyNoValue;
 export default function useLazySignal<T>(callback: () => T): LazySignal<T>
 {
 	const [_value, _setValue] = useState<LazyValue<T>>(LazyNoValue);
-	
-	const signal = new LazySignal(_value, _setValue, callback);
 
-	return signal;
+	return useMemo(() => new LazySignal(_value, _setValue, callback), [_value]);
 }
 
 export class LazySignal<T> extends Signal<LazyValue<T>>

package/src/hooks/useSignal.ts

@@ -1,22 +1,25 @@
 import { ReactUtils } from "@hrnec06/util";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 
 export default function useSignal<T>(value: T): Signal<T>
 {
 	const [_value, _setValue] = useState(value);
 
-	const signal = new Signal(_value, _setValue);
-
-	return signal;
+	return useMemo(() => new Signal(_value, _setValue), [_value]);
 }
 
 export class Signal<T>
 {
+	protected _value: T;
+	protected setState: ReactUtils.SetState<T>;
+
 	constructor(
-		protected _value: T,
-		protected setState: ReactUtils.SetState<T>
+		_value: T,
+		setState: ReactUtils.SetState<T>
 	)
 	{
+		this._value = _value;
+		this.setState = setState;
 	}
 
 	public set value(value: T | ((prev: T) => T))