Expo SDK 54 with native + web: `TypeError: Cannot assign to read-only property 'NONE'` on native

[SummitCollie]

reddit thread on this issue - only other discussion I've found on this. The only suggestion offered there is to stop using @babel/plugin-transform-class-properties, which does get rid of the error, but that breaks WatermelonDB in the browser.

On Expo SDK 54, after following the installation instructions for both native and web, but before adding any schemas or models (and after adding them (but also before)), this error appears in console & LogBox during Android app startup:

The database still appears to work after dismissing the error, but I haven't tested it extensively.

Downgrading to Expo 53 resolves the issue. Loki works fine in the browser regardless of SDK 53/54.

Note: I'm running WMDB with this plugin from LovesWorking which auto-configures JSI for Android, not sure whether it's related: watermelondb-expo-plugin-sdk-52-plus

Possible this issue belongs on that LovesWorking repo instead, or even the Expo/babel repos, in which case, sorry. But regardless, as a tangent, would be nice if the JSI stuff had first-party support for expo prebuild bare workflows.

[skrtdev]

I've also faced this issue. I'll update here when I try upgrading again to SDK 54

[skrtdev]

I just updated to SDK 54 and got rid of these errors.
I just edited the babel.config.js file from

module.exports = function (api) {
  api.cache(true);
  return {
  presets: [
    ["babel-preset-expo", {
      jsxImportSource: "nativewind"
    }],
    "nativewind/babel"
  ],
  plugins: [
    ["@babel/plugin-proposal-decorators", { legacy: true }],
    ["@babel/plugin-proposal-class-properties", { loose: true }],
    [
      "@babel/plugin-transform-runtime",
      {
        helpers: true,
        regenerator: true
      }
    ],
    'react-native-worklets/plugin'
  ]
};
};

to

module.exports = function (api) {
  api.cache(true);
  return {
  presets: [
    ["babel-preset-expo", {
      jsxImportSource: "nativewind"
    }],
    "nativewind/babel"
  ],
  plugins: [
    ["@babel/plugin-transform-typescript", { isTSX: true }],
    ["@babel/plugin-proposal-decorators", { legacy: true }],
    ["@babel/plugin-transform-class-properties", { loose: true, legacy: true }],
    [
      "@babel/plugin-transform-runtime",
      {
        helpers: true,
        regenerator: true
      }
    ],
    'react-native-worklets/plugin'
  ]
};
};

Both native (android & iOS) and web are working correctly with no errors.

[iMuhammadMustafa]

Doing the same update as you didn't help

- ["@babel/plugin-proposal-class-properties", { loose: true }],
+ ["@babel/plugin-transform-class-properties", { loose: true, legacy: true }],

I've been stuck at this for a while

[skrtdev]

I also added ["@babel/plugin-transform-typescript", { isTSX: true }],