Cannot read property 'measure' of null

[Kadir-flipcause]

this issue is occurred when try to call open popover

I'm using
react-native : 0.76.6
react-native-modal-popover: 2.1.3

please help me to get this resolve

[Kadir-flipcause]

@doomsower did you have any idea please help

[Kadir-flipcause]

This issue is occurred when I update my react native version from 0.74.6 to 0.76.6 so any update on this ?

[SouravFrank]

🔧 Temporary Fix for Cannot read property 'measure' of null Error in react-native-modal-popover

Hi @Kadir-flipcause 👋,

This issue typically occurs when the component you're trying to measure (this.touchable) is null or not yet mounted at the time measureInWindow is called. While the library may need an update to handle this more gracefully, you can apply a temporary workaround by patching the module in your project.

---

✅ Steps to Fix via patch-package

1. Navigate to your node_modules directory
2. Open the following files and replace the affected methods as shown:
   • PopoverTouchable.tsx
   • PopoverController.tsx

---

🔁 Code Fix for PopoverTouchable.tsx

// ...existing code...
private onPress = () => {
  if (this.touchable && typeof this.touchable.measureInWindow === 'function') {
    this.touchable.measureInWindow(
      (x: number, y: number, width: number, height: number) => {
        // Adapt to onTouchableMeasured signature: (x0, y0, width, height, x, y)
        this.onTouchableMeasured(0, 0, width, height, x, y);
      }
    );
  }
};
// ...existing code...

---

🔁 Code Fix for PopoverController.tsx

// ...existing code...
private openPopover = () => {
  if (this.touchable && typeof this.touchable.measureInWindow === 'function') {
    this.touchable.measureInWindow(
      (x: number, y: number, width: number, height: number) => {
        // Adapt to onTouchableMeasured signature: (x0, y0, width, height, x, y)
        this.onTouchableMeasured(0, 0, width, height, x, y);
      }
    );
  }
};
// ...existing code...

---

🧩 Apply the Patch

After updating the files:

1. Run:

   npx patch-package react-native-modal-popover

2. Add this postinstall script in your package.json if not already:

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

---

📌 Notes

• This is a temporary workaround until an official fix is released.
• Make sure the target component (this.touchable) is available before measuring it to avoid runtime errors.
• You may want to raise a PR or notify the maintainers about this patch if it consistently resolves the issue.

Hope this helps!

[Kadir-flipcause]

Hey @SouravFrank thanks for your help let check with suggested code and i'll get back to you if we find any thing else.

[matthewadel]

thanks @SouravFrank
it worked for me
#107 (comment)