title: Show notification on foreground react native firebase v6
body: <p>I am using the latest react native version 0.62 and latest version of react-native-firebase i.e. v6. I am able to get the notification and it working fine on the background but its not displaying on foreground.</p>
  
  <p>Here is the screenshot:
  <a href="https://i.stack.imgur.com/yPoTy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yPoTy.png" alt="enter image description here"></a></p>
  
  <p>And here is my code:</p>
  
  <pre><code>checkPermission = async () =&gt; {
      const enabled = await messaging().hasPermission();
      console.log('enabled ******* ',enabled)
      if (enabled) {
        this.getFcmToken();
      } else {
        this.requestPermission();
      }
    };
  
    getFcmToken = async () =&gt; {
      const fcmToken = await messaging().getToken();
      if (fcmToken) {
        console.log('Your Firebase Token is:', fcmToken);
        // this.showAlert('Your Firebase Token is:', fcmToken);
      } else {
        console.log('Failed', 'No token received');
      }
    };
  
    requestPermission = async () =&gt; {
      try {
        await messaging().requestPermission();
        // User has authorised
      } catch (error) {
        // User has rejected permissions
      }
    };
  
    messageListener = async () =&gt; {
      console.log('inside message listener ****** ')
  
      messaging().onMessage(async remoteMessage =&gt; {
        Alert.alert('A new FCM message arrived!', JSON.stringify(remoteMessage));
    };
  
    showAlert = (title, message) =&gt; {
      Alert.alert(
        title,
        message,
        [{ text: 'OK', onPress: () =&gt; console.log('OK Pressed') }],
        { cancelable: false },
      );
    };
  
    componentDidMount() {
      this.checkPermission();
      this.messageListener();
    }
  </code></pre>