Load only specified locales

[windkomo]

Hi, I'm using react-aria-components in a react-router app on Vercel and I get this kind of runtime errors:

Error: EMFILE: too many open files, open '/var/task/node_modules/@react-aria/tree/dist/sk-SK.mjs'

react-aria-components is probably not the only lib causing this, but I don't have any reliable way of debugging this.
In my app I'm only using one specific locale.

I used the instructions for remix in the i18n docs at https://react-spectrum.adobe.com/react-aria/ssr.html#remix

vite.config.ts

{
  ...optimizeLocales.vite({
    locales: [],
  }),
  enforce: "pre",
}

entry.server.tsx

bootstrapScriptContent: getLocalizationScript("fr-FR"),

What am I doing wrong?

[snowystinger]

I haven't seen this come up yet. Were you able to follow any of these suggestions for determining if it's truly coming from React Aria? or to work around the issue?
https://stackoverflow.com/questions/8965606/node-and-error-emfile-too-many-open-files
vitest-dev/vitest#3576

[windkomo]

After some investigation, I still had the same issue with other deps when telling vite to bundle all react-aria-components deps 😢
For now I just told vite to bundle all deps in ssr in production. Not ideal but doesn't seem to have much impact for now.
vite.config.ts

ssr: {
  noExternal: mode === "production" || undefined,
},

Thanks!

[snowystinger]

Do you by chance have a minimum reproduction? Hopefully just the smallest number of dependencies which causes the issue? That would allow us to investigate from our end as well.

[windkomo]

I don't, but I'll try to make a repo