@saykit/react 0.0.0-beta-20260726155416 → 0.0.0-beta-20260728002240

package/dist/client.d.mts

@@ -8,6 +8,10 @@ type SayRef = {
  * Provide a localised {@link runtime.Say} instance to descendant **client** components via context.
  * Must wrap any component tree using {@link useSay} or {@link Say}.
  *
+ * The instance is rebuilt whenever `locale` or `messages` changes, so keep `messages`
+ * referentially stable (module scope, or memoised) rather than passing a fresh object
+ * literal on every render.
+ *
  * @param props.locale The current locale
  * @param props.messages The current messages for the locale
  */

package/dist/client.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { createContext, createElement, useContext, useState } from "react";
+import { createContext, createElement, useContext, useMemo } from "react";
 import { Say } from "saykit";
 //#region src/runtime/client.ts
 const SayContext = createContext({ current: null });
@@ -8,20 +8,24 @@ SayContext.displayName = "SayContext";
 * Provide a localised {@link runtime.Say} instance to descendant **client** components via context.
 * Must wrap any component tree using {@link useSay} or {@link Say}.
 *
+* The instance is rebuilt whenever `locale` or `messages` changes, so keep `messages`
+* referentially stable (module scope, or memoised) rather than passing a fresh object
+* literal on every render.
+*
 * @param props.locale The current locale
 * @param props.messages The current messages for the locale
 */
 function SayProvider({ locale, messages, children }) {
-	const [say] = useState(() => {
+	const ref = useMemo(() => {
 		const instance = new Say({
 			locales: [locale],
 			loader: () => messages
 		});
 		instance.load(locale);
 		instance.activate(locale);
-		return instance.freeze();
-	});
-	return createElement(SayContext.Provider, { value: { current: say } }, children);
+		return { current: instance.freeze() };
+	}, [locale, messages]);
+	return createElement(SayContext.Provider, { value: ref }, children);
 }
 /**
 * Get the current {@link Say} **client** instance.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saykit/react",
-  "version": "0.0.0-beta-20260726155416",
+  "version": "0.0.0-beta-20260728002240",
   "description": "React integration for saykit, i18n hooks and components",
   "keywords": [
     "i18n",
@@ -46,15 +46,17 @@
     "server-only": "^0.0.1"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
+    "jsdom": "^29.1.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "saykit": "^0.0.0-beta-20260726155416"
+    "saykit": "^0.0.0-beta-20260728002240"
   },
   "peerDependencies": {
     "react": "*",
-    "saykit": "0.0.0-beta-20260726155416"
+    "saykit": "0.0.0-beta-20260728002240"
   },
   "scripts": {
     "check": "tsc --noEmit",