@hajun/react-native-firebase-component/index.js

How to use ?? https://github.com/hajuncho/react-native-firebase-component go, :D Easy

import React, { useEffect } from "react";
import { Alert, Platform } from "react-native";
import messaging from "@react-native-firebase/messaging";
import PushNotification from "react-native-push-notification";
import PushNotificationIos from "@react-native-community/push-notification-ios";

const Fbcomponent = () => {
  useEffect(() => {
    const unsubscribe =
      Platform.OS === "android" ? androidNotifi() : iosNotifi();
    return unsubscribe;
  }, []);

  return null;
};

const androidNotifi = async () => {
  await messaging().onMessage(async (remoteMessage) => {
    PushNotification.localNotification({
      message: remoteMessage.notification.body,
      title: remoteMessage.notification.title,
      bigPictureUrl: remoteMessage.notification.android.imageUrl,
      smallIcon: remoteMessage.notification.android.imageUrl,
    });
  });
};

const iosNotifi = async () => {
  await messaging().onMessage(async (remoteMessage) => {
    PushNotificationIos.addNotificationRequest({
      id: remoteMessage.messageId,
      body: remoteMessage.notification.body,
      title: remoteMessage.notification.title,
      userInfo: remoteMessage.data,
    });
  });
};

const getFcmToken = async () => {
  const token = await messaging().getToken();
  return token;
};

export { getFcmToken };
export default Fbcomponent;