Android cannot receive notifications when using react native firebase/messaging

[wulaizi]

    "@react-native-firebase/app": "^17.5.0",
    "@react-native-firebase/messaging": "^17.5.0"

index.js

if (Platform.OS == "android") {
    FirseBaseUtils.setBackgroundMessageHandler()
  }
AppRegistry.registerComponent(appName, () => App);

The following is the code for FirseBaseUtils：

import messaging, { firebase } from "@react-native-firebase/messaging";
import notifee, { EventType } from "@notifee/react-native";
export default class FirseBaseUtils {
  static async openApp() {
    messaging()
      .getInitialNotification()
      .then((remoteMessage) => {
        if (remoteMessage) {
        }
      });
    messaging().onNotificationOpenedApp((remoteMessage) => {});

    messaging().onMessage(this.onMessageReceived);
  }

  static setBackgroundMessageHandler() {
    messaging().setBackgroundMessageHandler(async (remoteMessage) => {
      try {
        let push = JSON.parse(remoteMessage?.data?.notifee || "");
        const displayNotifications = await notifee.getDisplayedNotifications();
        if (
          !displayNotifications.filter(
            (el) =>
              el?.notification?.android?.groupSummary &&
              el?.notification?.title === push?.title
          ).length
        ) {
          push.android.groupSummary = true;
        }
        if (push.body === "") {
          push.body = "";
        }
        notifee.displayNotification(push);
      } catch (error) {}
    });
  }

  static async onMessageReceived(message: any) {
    // let push = JSON.parse(message?.data?.notifee || "");
    // notifee.displayNotification(push);
  }

  static init() {
    this.requestUserPermission();
  }

  static requestUserPermission = async () => {
    const authStatus = await messaging().requestPermission();
    const enabled =
      authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
      authStatus === messaging.AuthorizationStatus.PROVISIONAL;
    if (enabled) {
      if (!messaging().isDeviceRegisteredForRemoteMessages) {
        messaging().registerDeviceForRemoteMessages();
      }
      FirseBaseUtils.getToken();
      messaging().onTokenRefresh((token) => {});
      FirseBaseUtils.openApp();
    }
  };

  static getToken() {
    messaging()
      .getToken()
      .then((res) => {
        console.log("---------firseBase");
        console.log(res);
        console.log("---------firseBase");
      });
  }
}

FirseBaseUtils. init() called in App. js

import React, { Component } from "react";
import { Provider } from "react-redux";
import { legacy_createStore as createStore, applyMiddleware } from "redux";
import thunk from "redux-thunk";
import OtherLauncherManager from "./config/router/OtherLauncherManager";
import TsRootViewParent from "./components/composite/root/TsRootViewParent";
import { ConfigInit } from "./config/ConfigInit";
import Home from "./Home";
import en from "./res/strings/en";
import zh from "./res/strings/zh";
import { LaunchParams } from "./config/LaunchParams";
import Reducers from "./stores/reducers/Reducers";
import { Provider as AntdProvider } from "@ant-design/react-native";
import CodePush from "react-native-code-push";
import appJson from "../app";
import { TsI18nManager } from "./I18n/TsI18nManager";
import enUS from "@ant-design/react-native/lib/locale-provider/en_US";
const configJson = require("../config.json");
require("./util/StatusBarUtil");
export const reduxStore = createStore(Reducers(), applyMiddleware(thunk));
const App = (props: any): React.ReactNode => {
  let launchParams = new LaunchParams();
  //配置路由
  let routerInfo = OtherLauncherManager.parseLaunchRouterInfo();
  //初始化配置
  let launchInit = () => {
    ConfigInit.initLaunchParams(launchParams);
  };
  //应用支持的语言资源
  let langSource = { en, zh };
  return (
    <TsRootViewParent
      launchInit={launchInit}
      langSource={langSource}
      launchParams={launchParams}
      appJson={appJson}
      configJson={configJson}
    >
      <AntdProvider
        locale={enUS}
    
      >
        <Provider store={reduxStore}>
          <Home routerInfo={routerInfo} />
        </Provider>
      </AntdProvider>
    </TsRootViewParent>
  );
};

export default CodePush({ checkFrequency: CodePush.CheckFrequency.MANUAL })(
  App
);

import TsAppConfig from '../config/TsAppConfig';
import TsRootViewWrapComponent, {
    TsRootViewProps,
    TsRootViewConfig,
} from '../hoc/TsRootViewHoc';

const config: TsRootViewConfig = {
    initConfig: (props: TsRootViewProps) => {
        let {launchParams, langSource, appJson, configJson} = props;
        TsAppConfig.getIns().initConfig(
            launchParams,
            langSource,
            appJson,
            configJson,
        );
    },
};
const TsRootViewParent = TsRootViewWrapComponent(config);

export default TsRootViewParent;

import React, { ReactInstance } from "react";
import TsRootView from "../root/TsRootView";
import { Settings } from "react-native-fbsdk-next";
import { Platform, PermissionsAndroid } from "react-native";
import { reduxStore } from "../../../App";
import UserActions from "../../../stores/actions/UserActions";
import { UserCacheBean } from "../../../bean/UserInfoBean";
import changeNavigationBarColor, {
  hideNavigationBar,
} from "react-native-navigation-bar-color";
import FirseBaseUtils from "../../../util/FirseBaseUtils";
import AppsFlyerUtil from "../../../util/AppsFlyerUtil";

export interface TsRootViewProps {
  launchInit?: () => void;
  launchParams: any;
  langSource: any;
  appJson: any;
  configJson: any;
  children?: any;
}
export type TsRootViewConfig = {
  initConfig: (props: TsRootViewProps) => void;
  rootView?: (props: TsRootViewProps) => ReactInstance | undefined;
};
const TsRootViewWrapComponent = (config: TsRootViewConfig) => {
  return class TsRootViewHoc extends React.Component<TsRootViewProps, any> {
    constructor(props: TsRootViewProps) {
      super(props);
      config.initConfig(props);
      this.props.launchInit && this.props.launchInit();
      UserActions.iniState();
      if (Platform.OS == "android") {
        Settings.initializeSDK();
        AppsFlyerUtil.init();
        FirseBaseUtils.init();
        changeNavigationBarColor("#141414");
        // hideNavigationBar();
      }
    }
    render() {
      const rootView = config.rootView
        ? config.rootView(this.props)
        : undefined;
      if (rootView) {
        return <TsRootView {...this.props} children={rootView} />;
      }
      return <TsRootView {...this.props} />;
    }
  };
};
export default TsRootViewWrapComponent;

I don't know where my writing went wrong. Android has received one notification and never received it again