@rimori/react-client 0.4.9-next.1 → 0.4.9

package/dist/components/audio/Playbutton.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useLayoutEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { FaPlayCircle, FaStopCircle } from 'react-icons/fa';
 import { useRimori } from '../../providers/PluginProvider';
 import { EventBus } from '@rimori/client';
@@ -105,14 +105,10 @@ export const AudioPlayer = ({ text, voice, language, hide, playListenerEvent, in
             setIsPlaying((prev) => !prev);
         }
     };
-    const togglePlaybackRef = useRef(togglePlayback);
-    useLayoutEffect(() => {
-        togglePlaybackRef.current = togglePlayback;
-    });
     useEffect(() => {
         if (!playListenerEvent)
             return;
-        const handler = () => togglePlaybackRef.current();
+        const handler = () => togglePlayback();
         const listener = EventBus.on(playListenerEvent, handler);
         eventBusListenerRef.current = listener;
         return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/react-client",
-  "version": "0.4.9-next.1",
+  "version": "0.4.9",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -23,7 +23,7 @@
     "format": "prettier --write ."
   },
   "peerDependencies": {
-    "@rimori/client": "2.5.17-next.0",
+    "@rimori/client": "^2.5.16",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   },
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",
-    "@rimori/client": "2.5.17-next.0",
+    "@rimori/client": "^2.5.16",
     "@types/react": "^18.3.21",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",

package/src/components/audio/Playbutton.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useLayoutEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { FaPlayCircle, FaStopCircle } from 'react-icons/fa';
 import { useRimori } from '../../providers/PluginProvider';
 import { EventBus } from '@rimori/client';
@@ -129,14 +129,9 @@ export const AudioPlayer: React.FC<AudioPlayerProps> = ({
     }
   };
 
-  const togglePlaybackRef = useRef(togglePlayback);
-  useLayoutEffect(() => {
-    togglePlaybackRef.current = togglePlayback;
-  });
-
   useEffect(() => {
     if (!playListenerEvent) return;
-    const handler = () => togglePlaybackRef.current();
+    const handler = () => togglePlayback();
     const listener = EventBus.on(playListenerEvent, handler);
     eventBusListenerRef.current = listener;