@hrnec06/react_utils 1.3.2 → 1.3.4

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@hrnec06/react_utils",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "A debugger component for react.",
   "exports": {
-    ".": "./src/index.tsx"
+    ".": "./src/index.ts"
   },
   "keywords": [],
   "author": {

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))

package/src/{index.tsx → index.ts}

@@ -3,8 +3,10 @@ import useListener from "./hooks/useListener";
 import useUpdatedRef from "./hooks/useUpdatedRef";
 import useUpdateEffect from "./hooks/useUpdateEffect";
 import useWindowSize from "./hooks/useWindowSize";
-import useSignal from "./hooks/useSignal";
-import useLazySignal from "./hooks/useLazySignal";
+
+import useSignal, { Signal } from "./hooks/useSignal";
+
+import useLazySignal, { LazySignal } from "./hooks/useLazySignal";
 
 import Debugger from './components/Debugger/Debugger';
 import ResizeableBox from "./components/ResizeableBox/ResizeableBox";
@@ -15,8 +17,12 @@ export {
 	useUpdatedRef,
 	useUpdateEffect,
 	useWindowSize,
+
 	useSignal,
+	Signal,
+
 	useLazySignal,
+	LazySignal,
 	
 	Debugger,
 	ResizeableBox,