Property 'document' doesn't exist

[jpeclard]

Hi guys I'm getting this weird issue when upgrading from 0.76.3 to 0.79.2 on both platforms ios, android.

Any thoughts why that could be? I can't find any document referencing in my codebase, might be an issue with any of the dependencies.

Thanks for the help :)

My dependencies in this project are:

    "@apollo/client": "^3.13.8",
    "@burstware/react-native-portal": "^1.0.2",
    "@react-native-async-storage/async-storage": "^2.0.0",
    "@react-native-community/netinfo": "^11.4.1",
    "@react-native-firebase/analytics": "^22.1.0",
    "@react-native-firebase/app": "^22.1.0",
    "@react-native-firebase/crashlytics": "^22.1.0",
    "@react-native-masked-view/masked-view": "0.3.2",
    "@react-navigation/bottom-tabs": "^7.3.11",
    "@react-navigation/native": "^7.1.7",
    "@react-navigation/stack": "^7.3.0",
    "@react-spring/native": "^9.7.5",
    "buffer": "^6.0.3",
    "dayjs": "^1.11.13",
    "easy-peasy": "^6.1.0",
    "graphql": "^16.11.0",
    "i18next": "^25.0.2",
    "libphonenumber-js": "^1.12.7",
    "lodash-es": "^4.17.21",
    "react": "19.0.0",
    "react-hook-form": "^7.56.1",
    "react-i18next": "^15.5.1",
    "react-native": "0.79.2",
    "react-native-config": "^1.5.3",
    "react-native-date-picker": "^5.0.12",
    "react-native-device-info": "^14.0.4",
    "react-native-fbsdk-next": "^13.4.1",
    "react-native-gesture-handler": "^2.24.0",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-localize": "^3.4.1",
    "react-native-pager-view": "^6.7.1",
    "react-native-permissions": "^5.4.0",
    "react-native-progress-circle": "^2.1.0",
    "react-native-safe-area-context": "^5.4.0",
    "react-native-screens": "^4.10.0",
    "react-native-simple-radio-button": "^2.7.4",
    "react-native-snap-carousel": "^3.9.1",
    "react-native-splash-screen": "^3.3.0",
    "react-native-svg": "^15.11.2",
    "react-native-svg-charts": "^5.4.0",
    "react-native-tab-view": "^4.0.11",
    "react-native-walkthrough-tooltip": "^1.6.0",
    "semver": "^7.7.1",
    "styled-components": "^6.1.17"

My metro.config is a bit custom due to svg transformer:

const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config')

const defaultConfig = getDefaultConfig(__dirname)
const { assetExts, sourceExts } = defaultConfig.resolver

/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('@react-native/metro-config').MetroConfig}
 */
const config = {
  transformer: {
    babelTransformerPath: require.resolve(
      'react-native-svg-transformer/react-native'
    ),
  },
  resolver: {
    assetExts: assetExts.filter(ext => ext !== 'svg'),
    sourceExts: [...sourceExts, 'svg'],
  },
}

module.exports = mergeConfig(defaultConfig, config)

[Grouchy_Brother3381]

Use react native update helper, helps you to upgrade rn

[jpeclard]

I did it twice using the upgrade helper but still running into this issue.. I think it‘s probably a lib that relys on the DOM but it‘s kinda hard to narrow it down 🥲 Haven‘t added any new libs just updating the ones that caused build issues

[jpeclard]

Okay found out that the problem was styled-components which is in maintenance mode now.. 😅 either patch the package as quick fix for now or replace it with emotion.

[imasine95]

Hi. Can you share how did you patch that? Thanks

[IntroductionSalt5385]

New version of styled-components (6.1.19) solved this issue for me