Feature flags - Example for preserving existing components

feature-flags.ts

const fancyFeatureFlagEnabled = featureFlagService("fancy_feature")    

if (fancyFeatureFlagEnabled) {
  <App />
} else {
  <NewApp />
}

// App.tsx

export const App: FC = () => {
  return (
    <Provider store={store}>
      <OtherProvider>
        <YetAnotherProvider>
          <YetAnotherProvider />
      <OtherProvider />
    <Provider />
  )
}

export const NewApp: FC = () => {
  return (
    <Provider store={store}>
      <FancyProvider>
        <OtherProvider>
          <YetAnotherProvider>
          <YetAnotherProvider />
        <OtherProvider />
      <FancyProvider />
    <Provider />
  )
}