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

package/dist/client.d.mts

@@ -1,7 +1,5 @@
-import * as _$react from "react";
 import { PropsWithChildren } from "react";
 import { ReadonlySay, Say } from "saykit";
-
 //#region src/runtime/client.d.ts
 type SayRef = {
   current: ReadonlySay | null;
@@ -10,17 +8,17 @@ 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
  */
-declare function SayProvider({
-  locale,
-  messages,
-  children
-}: PropsWithChildren<{
+declare function SayProvider({ locale, messages, children }: PropsWithChildren<{
   locale: string;
   messages: Say.Messages;
-}>): _$react.FunctionComponentElement<_$react.ProviderProps<SayRef>>;
+}>): import("react").FunctionComponentElement<import("react").ProviderProps<SayRef>>;
 /**
  * Get the current {@link Say} **client** instance.
  * Must be called within a {@link SayProvider}.

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/dist/index.d.mts

@@ -1,8 +1,7 @@
 import { PropsWithChildren, ReactElement, ReactNode } from "react";
 import { Disallow, NumeralOptions, SelectOptions } from "saykit";
-
 //#region src/types.d.ts
-type PropsWithJSXSafeKeys<T> = { [K in keyof T as K extends number | `${number}${string}` ? `_${K}` : K extends `_${number}${string}` ? never : K]: T[K] };
+type PropsWithJSXSafeKeys<T> = { [K in keyof T as K extends number | `${number}${string}` ? `_${K}` : K extends `_${number}${string}` ? never : K]: T[K]; };
 //#endregion
 //#region src/runtime/index.d.ts
 /**

package/dist/server.d.mts

@@ -1,6 +1,6 @@
-import * as _$react from "react";
 import { ReactNode } from "react";
 import { ReadonlySay, Say } from "saykit";
+import "server-only";
 //#region src/runtime/server.d.ts
 /**
  * Set the current {@link Say} **server** instance.
@@ -24,7 +24,7 @@ declare function getSay(): ReadonlySay;
  *
  * @returns A {@link withSay} higher-order component factory
  */
-declare function unstable_createWithSay(say: Say): <P = unknown>(Component: (props: PropsWithSay<P>) => ReactNode, getLocale: (props: P) => string | Promise<string>) => (props: P) => Promise<_$react.FunctionComponentElement<PropsWithSay<P>>>;
+declare function unstable_createWithSay(say: Say): <P = unknown>(Component: (props: PropsWithSay<P>) => ReactNode, getLocale: (props: P) => string | Promise<string>) => (props: P) => Promise<import("react").FunctionComponentElement<PropsWithSay<P>>>;
 type PropsWithSay<P = unknown> = P & {
   locale: string;
   messages: Say.Messages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saykit/react",
-  "version": "0.0.0-beta-20260726152813",
+  "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",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "saykit": "^0.0.0-beta-20260726152813"
+    "jsdom": "^29.1.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "saykit": "^0.0.0-beta-20260728002240"
   },
   "peerDependencies": {
     "react": "*",
-    "saykit": "0.0.0-beta-20260726152813"
+    "saykit": "0.0.0-beta-20260728002240"
   },
   "scripts": {
     "check": "tsc --noEmit",