React Native WebView onMessage не работает

Мой компанент

import React, {Component} from 'react';
import {WebView} from 'react-native';

class Html extends Component {

    constructor(props){
      super(props);
      this.webView = null;
    }

    onMessage( event ) {
        console.log( "On Message", event.nativeEvent.data );
    }

    sendPostMessage(msg) {
        console.log( "Sending post message",msg );
        this.webView.postMessage(JSON.stringify(msg));
    }

    runJSInBackground (code) {
      this.webView.injectJavaScript(code)
    }


  render() {  
    return (
      <WebView
        originWhitelist={['*']}
        ref={( webView ) => this.webView = webView}
        onMessage={this.onMessage}
        onError={(e)=>console.log("WebView error: "+e)}
        source={{
          baseUrl:"include/",
          html: `
          <html>
              <head>
              </head>
            <body>
            <script>
            document.addEventListener("message",function(event) {
                console.log("Received post message", event); //Work!!!
            }, false);

            setTimeout(()=>window.postMessage("WhatsAppMANNN!!!"),5000) //doesn`t work ((
            </script>
            </body>
          </html>
          ` }}
      />
    )
  }

}

export default Html;

Все прекрасно работает когда я WebView отправляю запрос но вот в обратную сторану нет ответа. То есть метод window.postMessage не срабатывает, при этом ошибку тоже не светит. В чем прикол, не как не могу найти ответ на этот вопрос.