Skip to content

findDOMNode usage breaks on React 19 with react-native-web 0.20+ #701

Closed
@alexandergyllensvard

Description

@alexandergyllensvard

Environment

System:
  OS: macOS 15.3.2
  CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Memory: 48.38 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.12.2
    path: ~/.nvm/versions/node/v20.12.2/bin/node
  Yarn: Not Found
  npm:
    version: 10.5.0
    path: ~/.nvm/versions/node/v20.12.2/bin/npm
  Watchman:
    version: 2025.04.07.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /Users/caretotranslate/.rvm/gems/ruby-3.3.7/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2020.3 AI-203.7717.56.2031.7621141
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 18.0.2.1
    path: /usr/local/opt/openjdk/bin/javac
  Ruby:
    version: 3.3.7
    path: /Users/caretotranslate/.rvm/rubies/ruby-3.3.7/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 18.0.0
    wanted: ^18.0.0
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.79.0
    wanted: 0.79.0
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true
  • are you using the new architecture?
    Yes
  • which version of react & react-native are you using?
    react 19 react-native 0.79.0 and react-native-web 0.20.0

Description

After upgrading to React 19 and [email protected], I'm encountering a runtime error when using this library on the web:

TypeError: _reactDom.default.findDOMNode is not a function
    at updateContainerPositionX (node_modules/@react-native-community/slider/dist/RNCSliderNativeComponent.web.js:8651)
    at onLayout (node_modules/@react-native-community/slider/dist/RNCSliderNativeComponent.web.js:10920)
    at useElementLayout (node_modules/react-native-web/dist/modules/useElementLayout/index.js:52)
    at UIManager.measure (node_modules/react-native-web/dist/exports/UIManager/index.js:51)

Reproducible Demo

Install react@19, react-dom@19, and [email protected]

Use @react-native-community/slider in a web build

Observe crash at runtime

Metadata

Metadata

Assignees

Labels

bug reportSomething isn't workingplatform: WebIssue relates to react-native for web

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions