From eef0cbc417ddba6cea18ee9123b8532906e3b72e Mon Sep 17 00:00:00 2001
From: Jan Hassel <hello@janhassel.de>
Date: Mon, 4 Mar 2024 11:19:41 +0100
Subject: [PATCH] docs(react): clarify import of FeatureFlags component

---
 .../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'));