React native inline requires

LazyScreenExample.tsx

const RootStack = (): JSX.Element => {
  return (
    <Stack.Navigator initialRouteName={initialRouteName}>
      <Stack.Screen
        name="SomeScreenWithLazyWrapper"
        component={ScreenWrapper}
        options={{title: 'Screen 1'}}
      />
     <Stack.Screen
        name="SomeScreenWithGetComponent"
        getComponent={() => require('./ScreenImplementation').default}
        options={{title: 'Screen 1'}}
      />
    </Stack.Navigator>
  );
};


export const ScreenWrapper = (props: ScreenProps): JSX.Element => {
  // eslint-disable-next-line @typescript-eslint/no-var-requires
  const ScreenImplementation = require('./ScreenImplementation.tsx').default;
  return <ScreenImplementation {...props} />;
};

navigator.tsx

const RootStack = (): JSX.Element => {
  return (
    <Stack.Navigator initialRouteName={initialRouteName}>
      <Stack.Screen
        name="SomeScreen"
        component={SomeScreen}
        options={{title: 'Screen 1'}}
      />
      {SOME_FEATURE_ENABLED && (
        <Stack.Screen
          name="ScreenWhichMayNotBeInUse"
          component={require('../screens/ScreenWhichMayNotBeInUse').default}
          options={{title: 'Screen 2'}}
        />
      )}
    </Stack.Navigator>
  );
};