[FSSDK-12455] review update

junaed-optimizely · junaed-optimizely · commit 894153d6ce93 · 2026-04-23T18:44:06.000+06:00
diff --git a/MIGRATION.md b/MIGRATION.md
@@ -11,7 +11,7 @@ This guide covers breaking changes and how to update your code when upgrading fr
   - [useDecision to useDecide](#usedecision-to-usedecide)
   - [useExperiment (removed)](#useexperiment-removed)
   - [useFeature (removed)](#usefeature-removed)
-  - [useTrackEvent (removed)](#usetrackEvent-removed)
+  - [useTrackEvent (removed)](#usetrackevent-removed)
   - [New hooks](#new-hooks)
 - [Accessing the client directly](#accessing-the-client-directly)
 - [Removed APIs](#removed-apis)
diff --git a/README.md b/README.md
@@ -221,7 +221,7 @@ _props_
 | `qualifiedSegments` | `string[]` | No | Pre-fetched ODP audience segments for the user. Use [`getQualifiedSegments`](#getqualifiedsegments) to obtain these segments server-side. |
 | `skipSegments` | `boolean` | No | When `true`, skips background ODP segment fetching. Default: `false`. |
 
-> **Note:** `<OptimizelyProvider>` requires user data. If user information must be fetched asynchronously, resolve the promise before rendering the Provider.
+> **Note:** Unless VUID is enabled, `<OptimizelyProvider>` requires user data. If user information must be fetched asynchronously, resolve the promise before rendering the Provider.
 
 ### Readiness
 
diff --git a/docs/nextjs-integration.md b/docs/nextjs-integration.md
@@ -145,8 +145,9 @@ The layout fetches the datafile, sets `globalThis` for the server render, and in
 // src/app/layout.tsx
 import { getDatafile } from '@/data/getDatafile';
 
-export default async function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+export default async function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
   const datafile = await getDatafile();
+  const serialized = JSON.stringify(datafile ?? '');
   // Set on globalThis so the provider module can read it during server rendering
   globalThis.__OPTIMIZELY_DATAFILE__ = datafile ?? '';
 
@@ -155,7 +156,7 @@ export default async function RootLayout({ children }: Readonly<{ children: Reac
       <head>
         <script
           dangerouslySetInnerHTML={{
-            __html: `globalThis.__OPTIMIZELY_DATAFILE__ = ${datafile};`,
+            __html: `globalThis.__OPTIMIZELY_DATAFILE__ = ${serialized};`,
           }}
         />
       </head>
@@ -175,12 +176,13 @@ import Document, { Html, Head, Main, NextScript } from 'next/document';
 import { getDatafile } from '@/data/getDatafile';
 
 export default function MyDocument({ datafile }: { datafile: string }) {
+  const serialized = JSON.stringify(datafile ?? '');
   return (
     <Html>
       <Head>
         <script
           dangerouslySetInnerHTML={{
-            __html: `globalThis.__OPTIMIZELY_DATAFILE__ = ${datafile};`,
+            __html: `globalThis.__OPTIMIZELY_DATAFILE__ = ${serialized};`,
           }}
         />
       </Head>
