Upgrade mobile to Expo SDK 28

[mxstbr]

Status

• WIP
• Ready for review
• Needs testing

Deploy after merge (delete what needn't be deployed)

• mobile

Related issues (delete if you don't know of any)
Closes #3321

Currently broken due to an error saying "Requiring module 'fetch' which threw an error: 'TypeError: undefined is not an object'"". Potentially related to expo/sentry-expo#31

TODO

• Sentry crashes on startup (Importing Sentry causes error dealing with fetch. expo/sentry-expo#31)
• The Metro bundler v40 release removed getProjectRoots in favor of getProjectRoot and getWatchFolders (ref facebook/metro@3bdf386)

[mxstbr]

@Kureev could we get some guidance on how to move from getProjectRoots to getProjectRoot/getWatchFolders? I tried in 313f473 but unfortunately that throws an error on startup saying Unable to resolve "../shared/theme" from "App.js".

For context, we have a monorepo that's laid out like this:

spectrum/
├── shared/   # Shared JS utils
├── mobile/   # Mobile client
└── src/      # Web client

In mobile/, we have stuff like import { someUtil } from '../../../shared/utils'. Previously, we used getProjectRoots to make that work.

I tried setting the new getProjectRoot to the root spectrum/ folder, (assuming that would do the trick) but unfortunately it throws that error when trying to import anything from shared/.

How can we make this work again?

[mxstbr]

Huh this is super weird, I come back after the weekend, revert that commit and now everything works, even Sentry 🤔 🤔 🤔

[brianlovin]

Super weird. Let's do it!