refs is null

[MarkMurphy]

I'm not sure if this is related to #4 but it seems React has a problem accessing refs when using a Gateway (i think this occurs on unmount - no error appears until after I've loaded then unloaded the view which adds the modal). Here's my code:

https://gist.github.com/MarkMurphy/781e49b0d5a1e6b8218d

This component is based on the react bootstrap modal example found here: https://github.com/facebook/react/blob/master/examples/jquery-bootstrap/js/app.js

The specific error message is:

Uncaught TypeError: Cannot read property 'refs' of null

Full stacktrace is here

[jamiebuilds]

I don't know that this is a fixable one without a change in React as Gateway messes with the owner.

A work around is to use a wrapper component:

class Child extends React.Component {
  componentDidMount() {
    // `this.refs.foo` exists
  }
  render() {
    return <div ref="foo"/>;
  }
}

class Parent extends React.Component {
  render() {
    return (
      <Gateway>
        <Child/>
      </Gateway>
    );
  }
}

Maybe this is something that react-gateway can just do.

[jamiebuilds]

For some reason nothing I try to do automatically in React Gateway is working.

[richgong]

+1

[beckend]

It works if you use ref callback.
But the drawback is that the callback runs every time the component re-renders.

[chardskarth]

Hi, any updates on this? I get null even when using ref callback.