Ref inside modal not working anymore on Expo SDK19

Hello there, I’m the maintainer of react-community/react-native-modal which since Expo SDK19 doesn’t work correctly anymore.

I never used Expo SDK before, but I debugged the issue a bit and created a super-minimal case of it.
Basically the issue is that the refs of the components inside a React-Native’s Modal don’t work at all since Expo SDK19.
They worked perfectly before this release and they’re still working on the last version of React-Native (0.46).

Maybe the Expo component is overriding the React Native’s original Modal behavior in some way?

import React from 'react';
import { Modal, StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  componentDidMount() {
    console.log('ref outside the modal: ', this.textOutsideModalRef);
    console.log('ref inside the modal: ', this.textInsideModalRef);
  }

  render() {
    return (
      <View>
        <Text ref={ref => (this.textOutsideModalRef = ref)}>
          {'Hello, I am a Text outside of a Modal and I have a ref'}
        </Text>
        <Modal>
          <Text ref={ref => (this.textInsideModalRef = ref)} visible={true}>
            {'Hello, I am a Text inside a Modal and I should have a ref too :('}
          </Text>
        </Modal>
      </View>
    );
  }
}

Thank you in advance and keep up with the good work!

[anp]

@mmazzarolo can you paste the package.json from your repro case? I think this bug was fixed in the 19.0.1 release of the expo npm package.

[wiloke1]

PLEASE HELP ME expo 26.0.0 this._imageLightBox // undefined