@opentui/react 0.1.26 → 0.1.27

package/index.js

@@ -102,7 +102,7 @@ import { useEffect } from "react";
 
 // src/hooks/use-event.ts
 import { useCallback, useLayoutEffect, useRef } from "react";
-function useEvent(handler) {
+function useEffectEvent(handler) {
   const handlerRef = useRef(handler);
   useLayoutEffect(() => {
     handlerRef.current = handler;
@@ -116,13 +116,13 @@ function useEvent(handler) {
 // src/hooks/use-keyboard.ts
 var useKeyboard = (handler) => {
   const { keyHandler } = useAppContext();
-  const stableHandler = useEvent(handler);
+  const stableHandler = useEffectEvent(handler);
   useEffect(() => {
     keyHandler?.on("keypress", stableHandler);
     return () => {
       keyHandler?.off("keypress", stableHandler);
     };
-  }, [keyHandler, stableHandler]);
+  }, [keyHandler]);
 };
 // src/hooks/use-renderer.ts
 var useRenderer = () => {
@@ -136,12 +136,13 @@ var useRenderer = () => {
 import { useEffect as useEffect2 } from "react";
 var useOnResize = (callback) => {
   const renderer = useRenderer();
+  const stableCallback = useEffectEvent(callback);
   useEffect2(() => {
-    renderer.on("resize", callback);
+    renderer.on("resize", stableCallback);
     return () => {
-      renderer.off("resize", callback);
+      renderer.off("resize", stableCallback);
     };
-  }, [renderer, callback]);
+  }, [renderer]);
   return renderer;
 };
 // src/hooks/use-terminal-dimensions.ts

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "React renderer for building terminal user interfaces using OpenTUI core",
   "license": "MIT",
   "repository": {
@@ -35,11 +35,13 @@
     }
   },
   "dependencies": {
-    "@opentui/core": "0.1.26",
+    "@opentui/core": "0.1.27",
     "react-reconciler": "^0.32.0"
   },
   "devDependencies": {
     "@types/bun": "latest",
+    "@types/node": "latest",
+    "@types/react": "^19.0.0",
     "@types/react-reconciler": "^0.32.0",
     "typescript": "^5"
   },

package/src/hooks/use-event.d.ts

@@ -6,4 +6,4 @@
  * Useful for event handlers that need to be passed to effects with empty dependency arrays
  * or memoized child components.
  */
-export declare function useEvent<T extends (...args: any[]) => any>(handler: T): T;
+export declare function useEffectEvent<T extends (...args: any[]) => any>(handler: T): T;