Deepsourcce: Fix performance issues

lib/r18gs/tests/use-rgs.test.tsx

@@ -1,19 +1,19 @@
 import { describe, test } from "vitest";
 import { act, fireEvent, render, screen } from "@testing-library/react";
 import useRGS from "../src";
+import { ChangeEvent, useCallback } from "react";
 
 function Component1() {
 	const [count, setCount] = useRGS<number>("count", 0);
+	const handleChange = useCallback(
+		(e: ChangeEvent<HTMLInputElement>) => {
+			setCount(parseInt(e.target.value));
+		},
+		[setCount],
+	);
 	return (
 		<div>
-			<input
-				data-testid="input"
-				onChange={e => {
-					setCount(parseInt(e.target.value));
-				}}
-				type="number"
-				value={count}
-			/>
+			<input data-testid="input" onChange={handleChange} type="number" value={count} />
 		</div>
 	);
 }

packages/shared-ui/src/root/counter.tsx

@@ -2,19 +2,20 @@
 
 import useRGS from "r18gs";
 import { COUNTER } from "../constants/global-states";
+import { ChangeEvent, useCallback } from "react";
 
 export default function Counter() {
 	const [count, setCount] = useRGS(COUNTER, 0);
+	const handleChange = useCallback(
+		(e: ChangeEvent<HTMLInputElement>) => {
+			setCount(parseInt(e.target.value));
+		},
+		[setCount],
+	);
 	return (
 		<div>
 			<h2>Clinet component 1</h2>
-			<input
-				onChange={e => {
-					setCount(parseInt(e.target.value.trim()));
-				}}
-				type="number"
-				value={count}
-			/>
+			<input onChange={handleChange} type="number" value={count} />
 		</div>
 	);
 }