From 2e8523541f0509dee7f30a1a08947a326ade14f2 Mon Sep 17 00:00:00 2001
From: Jan Hassel <hello@janhassel.de>
Date: Mon, 4 Mar 2024 22:08:46 +0100
Subject: [PATCH] docs(react): clarify import of FeatureFlags component
 (#15876)

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
---
 .../react/src/components/FeatureFlags/overview.stories.mdx    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/FeatureFlags/overview.stories.mdx b/packages/react/src/components/FeatureFlags/overview.stories.mdx
index b5508fa6bff1..6a39b5f2c11a 100644
--- a/packages/react/src/components/FeatureFlags/overview.stories.mdx
+++ b/packages/react/src/components/FeatureFlags/overview.stories.mdx
@@ -47,6 +47,8 @@ application's react tree. Multiple feature flags can be configured at the same
 time.
 
 ```jsx
+import { unstable_FeatureFlags as FeatureFlags } from '@carbon/react';
+
 <FeatureFlags
   flags={{
     'enable-v12-tile-default-icons': true,
@@ -63,7 +65,7 @@ entire app, or only certain pages/routes/sections of your application.
 ```jsx
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { FeatureFlags } from '@carbon/react';
+import { unstable_FeatureFlags as FeatureFlags } from '@carbon/react';
 import App from './App';
 
 const root = createRoot(document.getElementById('root'));