diff --git a/packages/app/src/apis.ts b/packages/app/src/apis.ts
index c3315257d8..4d339c3734 100644
--- a/packages/app/src/apis.ts
+++ b/packages/app/src/apis.ts
@@ -14,7 +14,13 @@
  * limitations under the License.
  */
 
-import { ApiHolder, ApiRegistry, errorApiRef } from '@backstage/core';
+import {
+  ApiHolder,
+  ApiRegistry,
+  errorApiRef,
+  featureFlagsApiRef,
+  FeatureFlags,
+} from '@backstage/core';
 import { ErrorDisplayForwarder } from './components/ErrorDisplay/ErrorDisplay';
 
 const builder = ApiRegistry.builder();
@@ -22,5 +28,6 @@ const builder = ApiRegistry.builder();
 export const errorDialogForwarder = new ErrorDisplayForwarder();
 
 builder.add(errorApiRef, errorDialogForwarder);
+builder.add(featureFlagsApiRef, FeatureFlags);
 
 export default builder.build() as ApiHolder;
diff --git a/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx b/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx
index 69a892a95e..0b6eb71982 100644
--- a/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx
+++ b/plugins/welcome/src/components/WelcomePage/WelcomePage.tsx
@@ -33,10 +33,13 @@ import {
   pageTheme,
   ContentHeader,
   SupportButton,
+  featureFlagsApiRef,
+  useApi,
 } from '@backstage/core';
 import ErrorButton from './ErrorButton';
 
 const WelcomePage: FC<{}> = () => {
+  const featureFlagsApi = useApi(featureFlagsApiRef);
   const profile = { givenName: '' };
 
   return (