Build different apps by passing different values to require.context(...)

[nikkwong]

Hi, our team has an expo monorepo with expo-router which we're using to build several different apps for our company. We have our shared components in src/. We have apps using the expo-router file system router in app_1 and app_2.

src/
app_1/
  _layout.tsx
  index.tsx
app_2/
  _layout.tsx
  index.tsx

We're trying to use an environment variable during build (or dev) to change the app that is required (app_1 or app_2) based on which app we're trying to deploy:

export function App() {
  useDeviceContext(tw);
  const ctx = require.context(process.env.APP_DIR);
  ...
}

We've done everything we can think of but it seems like expo simply doesn't support this. We're getting a number of errors based on what we've been trying; but simply passing an environment variable doesn't work.

First argument of require.context should be a string denoting the directory to require.

Has anyone found a good way to achieve this?