chore: add stable id override snippets (#320)

samples/react/src/SamplesPage.tsx

@@ -101,8 +101,8 @@ export default function SamplesPage(): ReactNode {
 
       {filteredSnippets.length > 0 && (
         <pre>
-          <code className="language-javascript">
-            {filteredSnippets[snippetIndex].content}
+          <code className="language-typescript">
+            {filteredSnippets[snippetIndex]?.content}
           </code>
         </pre>
       )}

samples/react/src/samples/precomputed-client/sample-precomp-stable-id-overrride.tsx

@@ -0,0 +1,19 @@
+/* eslint-disable no-console */
+// <snippet>
+import { StatsigClient, StatsigUser } from '@statsig/js-client';
+
+// </snippet>
+import { STATSIG_CLIENT_KEY as YOUR_CLIENT_KEY } from '../../Contants';
+
+// <snippet>
+const user: StatsigUser = {
+  customIDs: {
+    stableID: 'my-custom-stable-id', // <- Your Stable ID (Must have key "stableID")
+  },
+};
+
+// Pass in your user object with a stableID
+const myStatsigClient = new StatsigClient(YOUR_CLIENT_KEY, user);
+// </snippet>
+
+myStatsigClient.initializeAsync().catch((err) => console.error(err));

samples/react/src/samples/react-precomp/sample-react-stable-id-override.tsx

@@ -0,0 +1,30 @@
+/* eslint-disable no-console */
+
+/* eslint-disable @typescript-eslint/no-inferrable-types */
+// <snippet>
+import { StatsigProvider } from '@statsig/react-bindings';
+
+// </snippet>
+import { STATSIG_CLIENT_KEY as YOUR_CLIENT_KEY } from '../../Contants';
+
+// prettier-ignore
+export default async function Sample(): Promise<void> {
+  console.log(App);
+  }
+
+// <snippet>
+function App() {
+  return (
+    <StatsigProvider
+      sdkKey={YOUR_CLIENT_KEY}
+      user={{
+        customIDs: {
+          stableID: 'my-custom-stable-id', // <- Your Stable ID (Must have key "stableID")
+        },
+      }}
+    >
+      <div>Hello World</div>
+    </StatsigProvider>
+  );
+}
+// </snippet>