react-voice-to-speech 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -49,7 +49,10 @@ var OverlayVoiceToSpeech = ({ language, onDataReady, onClose, labels, children }
   const streamRef = _react.useRef.call(void 0, null);
   const audioContextRef = _react.useRef.call(void 0, null);
   const timeoutRef = _react.useRef.call(void 0, null);
-  const uiLabels = { ...DefaultVoiceToSpeechLabels, ...labels };
+  const uiLabels = _react.useMemo.call(void 0, () => ({
+    ...DefaultVoiceToSpeechLabels,
+    ...labels
+  }), [labels]);
   const handleStop = (e) => {
     e.stopPropagation();
     if (status === "listening" && recognitionRef.current) {
@@ -254,7 +257,10 @@ var OverlayVoiceToSpeechWithPunctuation = ({ lang, onDataReady, onClose, labels,
   const streamRef = _react.useRef.call(void 0, null);
   const audioContextRef = _react.useRef.call(void 0, null);
   const timeoutRef = _react.useRef.call(void 0, null);
-  const uiLabels = { ...DefaultVoiceToSpeechLabels, ...labels };
+  const uiLabels = _react.useMemo.call(void 0, () => ({
+    ...DefaultVoiceToSpeechLabels,
+    ...labels
+  }), [labels]);
   const handleStop = (e) => {
     e.stopPropagation();
     if (status === "listening" && recognitionRef.current) {
@@ -438,7 +444,10 @@ var BasicVoiceToSpeechButton = ({ language = "en", onDataReady, className, id, s
     if (typeof onDataReady === "function")
       onDataReady(data);
   };
-  const uiLabels = { ...DefaultVoiceToSpeechLabels, ...labels };
+  const uiLabels = _react.useMemo.call(void 0, () => ({
+    ...DefaultVoiceToSpeechLabels,
+    ...labels
+  }), [labels]);
   const onClick = (e) => {
     if (e) {
       e.preventDefault();

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/OverlayVoiceToSpeech.tsx
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef, useMemo } from "react";
 import { createPortal } from "react-dom";
 
 // src/soundEffects.ts
@@ -49,7 +49,10 @@ var OverlayVoiceToSpeech = ({ language, onDataReady, onClose, labels, children }
   const streamRef = useRef(null);
   const audioContextRef = useRef(null);
   const timeoutRef = useRef(null);
-  const uiLabels = { ...DefaultVoiceToSpeechLabels, ...labels };
+  const uiLabels = useMemo(() => ({
+    ...DefaultVoiceToSpeechLabels,
+    ...labels
+  }), [labels]);
   const handleStop = (e) => {
     e.stopPropagation();
     if (status === "listening" && recognitionRef.current) {
@@ -195,7 +198,7 @@ var OverlayVoiceToSpeech = ({ language, onDataReady, onClose, labels, children }
 };
 
 // src/OverlayVoiceToSpeechWithPunctuation.tsx
-import React2, { useState as useState2, useEffect as useEffect2, useRef as useRef2 } from "react";
+import React2, { useState as useState2, useEffect as useEffect2, useRef as useRef2, useMemo as useMemo2 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/PunctuationLangMap.ts
@@ -254,7 +257,10 @@ var OverlayVoiceToSpeechWithPunctuation = ({ lang, onDataReady, onClose, labels,
   const streamRef = useRef2(null);
   const audioContextRef = useRef2(null);
   const timeoutRef = useRef2(null);
-  const uiLabels = { ...DefaultVoiceToSpeechLabels, ...labels };
+  const uiLabels = useMemo2(() => ({
+    ...DefaultVoiceToSpeechLabels,
+    ...labels
+  }), [labels]);
   const handleStop = (e) => {
     e.stopPropagation();
     if (status === "listening" && recognitionRef.current) {
@@ -415,7 +421,7 @@ var OverlayVoiceToSpeechWithPunctuation = ({ lang, onDataReady, onClose, labels,
 };
 
 // src/BasicVoiceToSpeechButton.tsx
-import React3, { useState as useState4 } from "react";
+import React3, { useMemo as useMemo3, useState as useState4 } from "react";
 
 // src/useDetectVoiceSupport.ts
 import { useState as useState3 } from "react";
@@ -438,7 +444,10 @@ var BasicVoiceToSpeechButton = ({ language = "en", onDataReady, className, id, s
     if (typeof onDataReady === "function")
       onDataReady(data);
   };
-  const uiLabels = { ...DefaultVoiceToSpeechLabels, ...labels };
+  const uiLabels = useMemo3(() => ({
+    ...DefaultVoiceToSpeechLabels,
+    ...labels
+  }), [labels]);
   const onClick = (e) => {
     if (e) {
       e.preventDefault();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-voice-to-speech",
   "description": "A lightweight, customizable React component and hook for voice-to-text recognition using the Web Speech API. Includes a built-in recording overlay.",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "sideEffects": [
     "**/*.css"