fix: fixed function undefined error in useBoundingClientRect

[tylerdgenius]

Motivation

For some weird reason, this bug happens to bottom sheet when I load it on RN 0.82.1

This PR fixes the issue as detailed in this link

[HasanElfalt]

Good, I tried the Fix in this PR and it resolves the conflict.

[kai-viv]

Also tried this fix and it resolved the issue

[SuhrobAbdumalikov]

Motivation

For some weird reason, this bug happens to bottom sheet when I load it on RN 0.82.1

This PR fixes the issue as detailed in this link

Thanks, it is worked

[samovolkin]

This fix resolves the issue. Thanks!

[mattijsf]

@gorhom Can you please have a look as this one is easy to reproduce with react-native 0.82. It has been brought up in multiple places now:

Issues:

• Crash when calling unstable_getBoundingClientRect #2494
• [Bug]: Crash in reanimated(v4) fabric example project #2513
• is not working #2543
• Fix TypeError ref.current.unstable_getBoundingClientRect is not a function on RN 0.82 (Fabric) #2549
• [Bug]: ref.current.unstable_getBoundingClientRect is not a function thrown in useBoundingClientRect when rendering BottomSheetHandleContainer (RN 0.82.1, iOS Simulator) #2560

PRs:

• [React Native 0.82] fix: Update the check for getBoundingClientRect function #2530
• fix: getBoundingClientRect undefined check #2496
• fix: fixed function undefined error in useBoundingClientRect #2561

I think this asks for a release / update 🙏

[baralmanish]

For now you can download and paste this file inside "patches" folder
@gorhom+bottom-sheet+5.2.6.patch

[Majed04]

Temporary Fix

If you're using npm or yarn, you can follow these steps to apply this patch until @gorhom releases a new update:

Step 1: Install patch-package

Install patch-package as a dev dependency:

npm install patch-package --save-dev
# or
yarn add patch-package --dev

Step 2: Add postinstall script

Add the following script to your package.json:

{
  "scripts": {
    "postinstall": "patch-package"
  }
}

Step 3: Download and apply the patch

1. Download the patch file: [@[email protected]]

2. Create a patches folder in your project root (if it doesn't exist)

3. Place the downloaded patch file in the patches folder

4. Run your install command to apply the patch:

npm install
# or
yarn install

Note

The patch should now be automatically applied whenever you install dependencies. make sure to commit the patches folder to your repository so other developers on your team will have the patch applied automatically when they install dependencies.