Ensure RN SDK sends client id

Author: roncohen

packages/react-native-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reflag/react-native-sdk",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^2.2.0",
-    "@reflag/react-sdk": "1.4.0"
+    "@reflag/react-sdk": "1.4.1"
   },
   "peerDependencies": {
     "react": "*",

packages/react-native-sdk/src/index.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import AsyncStorage from "@react-native-async-storage/async-storage";
+import { version } from "../package.json";
 
 import type {
   BootstrappedFlags,
@@ -23,6 +24,8 @@ import type {
   TypedFlags,
   UserContext,
 } from "@reflag/react-sdk";
+
+const SDK_VERSION = `react-native-sdk/${version}`;
 import {
   ReflagBootstrappedProvider as BaseBootstrappedProvider,
   ReflagClientProvider,
@@ -81,6 +84,7 @@ export function ReflagProvider(props: ReflagProps) {
   return (
     <BaseProvider
       {...props}
+      sdkVersion={SDK_VERSION}
       storage={props.storage ?? AsyncStorage}
       feedback={{
         ...props.feedback,
@@ -94,6 +98,7 @@ export function ReflagBootstrappedProvider(props: ReflagBootstrappedProps) {
   return (
     <BaseBootstrappedProvider
       {...props}
+      sdkVersion={SDK_VERSION}
       storage={props.storage ?? AsyncStorage}
       feedback={{
         ...props.feedback,

packages/react-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reflag/react-sdk",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "license": "MIT",
   "repository": {
     "type": "git",

packages/react-sdk/src/index.tsx

@@ -184,7 +184,7 @@ function useReflagClient(initOptions: InitOptions, debug = false) {
     const client = new ReflagClient({
       ...initOptions,
       logger: debug ? console : undefined,
-      sdkVersion: SDK_VERSION,
+      sdkVersion: initOptions.sdkVersion ?? SDK_VERSION,
     });
     if (!isServer) {
       reflagClients.set(initOptions.publishableKey, client);

packages/react-sdk/test/usage.test.tsx

@@ -199,6 +199,35 @@ describe("<ReflagProvider />", () => {
     expect(initialize).toHaveBeenCalled();
   });
 
+  test("uses provided sdkVersion when set", async () => {
+    let capturedSdkVersion: string | null = null;
+    server.use(
+      http.get(/\/features\/evaluated$/, ({ request }) => {
+        capturedSdkVersion = new URL(request.url).searchParams.get(
+          "reflag-sdk-version",
+        );
+        return new HttpResponse(
+          JSON.stringify({
+            success: true,
+            features: {},
+          }),
+          { status: 200 },
+        );
+      }),
+    );
+
+    render(
+      getProvider({
+        sdkVersion: "react-native-sdk/test",
+        context: { other },
+      }),
+    );
+
+    await waitFor(() => {
+      expect(capturedSdkVersion).toBe("react-native-sdk/test");
+    });
+  });
+
   test("only calls init once with the same args", () => {
     const node = getProvider();
     const initialize = vi.spyOn(ReflagClient.prototype, "initialize");

yarn.lock

@@ -4943,7 +4943,7 @@ __metadata:
   dependencies:
     "@react-native-async-storage/async-storage": "npm:^2.2.0"
     "@reflag/eslint-config": "npm:^0.0.2"
-    "@reflag/react-sdk": "npm:1.4.0"
+    "@reflag/react-sdk": "npm:1.4.1"
     "@reflag/tsconfig": "npm:^0.0.2"
     "@types/react": "npm:^19.0.12"
     eslint: "npm:^9.21.0"
@@ -4955,7 +4955,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@reflag/react-sdk@npm:1.4.0, @reflag/react-sdk@workspace:^, @reflag/react-sdk@workspace:packages/react-sdk":
+"@reflag/react-sdk@npm:1.4.1, @reflag/react-sdk@workspace:^, @reflag/react-sdk@workspace:packages/react-sdk":
   version: 0.0.0-use.local
   resolution: "@reflag/react-sdk@workspace:packages/react-sdk"
   dependencies: