Added note about "use client" to React docs (#584)

lukasgoetzweiss · typotter · web-flow · commit 2e5870b53d7a · 2025-02-05T07:53:03.000-07:00
* added note about use client

* Update docs/sdks/client-sdks/javascript/react.mdx

* Update docs/sdks/client-sdks/javascript/react.mdx

Co-authored-by: Tyler Potter &lt;tyler.potter@geteppo.com&gt;

---------

Co-authored-by: Tyler Potter &lt;tyler.potter@geteppo.com&gt;
diff --git a/docs/sdks/client-sdks/javascript/react.mdx b/docs/sdks/client-sdks/javascript/react.mdx
@@ -42,6 +42,10 @@ export default function EppoRandomizationProvider({
 }
 ```
 
+:::note
+If you are using Next.js, make sure this component is rendered client side by adding `"use client"` to the top of the file. For more details on using Eppo in Next.js, see [here](/sdks/client-sdks/javascript/nextjs-setup/).
+:::
+
 After the SDK is initialized, you may assign variations from any child component of `EppoRandomizationProvider`. We recommend wrapping the SDK code in a [useMemo hook](https://reactjs.org/docs/hooks-reference.html#usememo) to avoid invoking the assignment logic on every render:
 
 ```tsx

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,10 @@ export default function EppoRandomizationProvider({`
`42`	`42`	`}`
`43`	`43`	```
`44`	`44`
	`45`	`+:::note`
	`46`	+If you are using Next.js, make sure this component is rendered client side by adding `"use client"` to the top of the file. For more details on using Eppo in Next.js, see [here](/sdks/client-sdks/javascript/nextjs-setup/).
	`47`	`+:::`
	`48`	`+`
`45`	`49`	After the SDK is initialized, you may assign variations from any child component of `EppoRandomizationProvider`. We recommend wrapping the SDK code in a [useMemo hook](https://reactjs.org/docs/hooks-reference.html#usememo) to avoid invoking the assignment logic on every render:
`46`	`50`
`47`	`51`	```tsx