title: passProps throws 'Error calling RCTEventEmiter.receiveTouches' (react-native-navigation)
body: <p>I'm trying to pass some data to a modal screen with react-native-navigation pacakage 1.1.65 (<a href="https://github.com/wix/react-native-navigation" rel="nofollow noreferrer">https://github.com/wix/react-native-navigation</a>)</p>
  
  <p><strong>I have two cases</strong> :</p>
  
  <h2>First one</h2>
  
  <pre><code>export default class SearchTab extends Component {
    constructor(props) {
      super(props);
  
      const ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1 !== r2});
      this.state = {
          dicoDataSource: ds.cloneWithRows(realm.objects('User')),
          searchText:'',
          data:[]
    }
  }
  
  onPressButton() {
  var resultData = this.state.data;
    if(resultData.length &gt; 0){
          console.log("RESULTDATA", resultData);
          this.props.navigator.showModal({
            title: "Modal",
            screen: "App.SearchResult",
            passProps: {
              result: resultData,
            }
          });
    }
  }
  </code></pre>
  
  <p>When I clicked the button, it fires me this error : </p>
  
  <blockquote>
    <p>'Error calling RCTEventEmiter.receiveTouches'</p>
  </blockquote>
  
  <p>The log "RESULTDATA" is something like that with one or several items :</p>
  
  <pre><code>    RESULTDATA', { '0': 
          { id: 1,
            name: 'Leanne Graham',
            username: 'Bret',
            email: 'Sincere@april.biz' 
  } }
  </code></pre>
  
  <h2>Second one</h2>
  
  <pre><code>export default class SearchTab extends Component {
    constructor(props) {
      super(props);
  
      const ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1 !== r2});
      this.state = {
          dicoDataSource: ds.cloneWithRows(realm.objects('User')),
          searchText:'',
          data:[]
    }
  }
  
  onPressButton() {
  var resultData = this.state.data;
    if(resultData.length &gt; 0){
          console.log("RESULTDATA", resultData);
          this.props.navigator.showModal({
            title: "Modal",
            screen: "App.SearchResult",
            passProps: {
              result: resultData.name, &lt;== HERE THE ONLY DIFFERENCE
            }
          });
    }
  }
  </code></pre>
  
  <p>With this code, the modal screen shows up but when I log <code>this.props.result</code> it shows <code>undefined</code>.</p>
  
  <pre><code>  componentDidMount(){
      console.log("PROPS", this.props.result);
    }
  </code></pre>
  
  <p>I would like to use this data to make a ListView in the modal screen which works fine.</p>
  
  <p>No idea what to do with that. I already tested separately some UI elements and with different combinations like described above.</p>
  
  <p>And I want to have the first one to work.</p>
  
  <p>Any suggestion would be highly appreciated.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Nobody ?</p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>Here my SearchResult class:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {
    TextInput,
    View,
    TouchableOpacity,
    StyleSheet,
    TouchableHighlight,
    Text,
    Button
  } from 'react-native';
  import realm from '../realmDB/realm';
  import { ListView } from 'realm/react-native';
  import {Navigation} from 'react-native-navigation';
  import EStyleSheet from 'react-native-extended-stylesheet';
  
  export default class SearchResult extends Component {
    static navigatorStyle = {
      leftButtons: [{
        title: 'Close',
        id: 'close'
      }]
    };
    constructor(props) {
      super(props);
      const ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1 !== r2});
      this.state = {
          resultDataSource: ds.cloneWithRows(this.props.result),
          searchText:'',
          data:[]
      }
    }
  
  renderRow(rowData, sectionId, rowId, highlightRow){
      return(
        &lt;View style={styles.row}&gt;
          &lt;Text style={styles.rowText}&gt;{rowData.username}&lt;/Text&gt;
        &lt;/View&gt;
      )
    }
  
    render() {
        return (
          &lt;View style={styles.container}&gt;
            &lt;TextInput style = {styles.searchText}
              placeholder="Type your research"
              autoCorrect={true}
              returnKeyLabel="search"
              underlineColorAndroid="black"
              placeholderTextColor="black"
              value = {this.state.searchText}
              onChange={this.setSearchText.bind(this)}
            /&gt;
            &lt;TouchableOpacity onPress = {() =&gt; this.onPressButton(this.state.searchText)}&gt;
              &lt;Text style={styles.button}&gt;SEARCH&lt;/Text&gt;
            &lt;/TouchableOpacity&gt;
            &lt;ListView
            navigator={this.props.navigator}
            enableEmptySections={true}
            dataSource={this.state.resultDataSource}
            renderRow={this.renderRow.bind(this)}
            renderSeparator={(sectionId, rowId) =&gt; &lt;View key={rowId} style={styles.separator} /&gt;}
            /&gt;
          &lt;/View&gt;
        );
  </code></pre>
  
  <p>I also open an issue here: <a href="https://github.com/wix/react-native-navigation/issues/1249" rel="nofollow noreferrer">https://github.com/wix/react-native-navigation/issues/1249</a></p>