[plugins/welcome/WelcomePage] add featureFlags via useApi

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;

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 (