Problem with priority on Xiaomi Devices

[talesborn]

Good afternoon guys!

I'm having trouble receiving notifications on Xiaomi devices as the notification can't appear in floating notification mode, I'm only receiving notifications with little importance even though the channel is set to HIGH importance.

My NotificationHelper.js code

import messaging from '@react-native-firebase/messaging';
import notifee, {AndroidImportance, AndroidVisibility} from '@notifee/react-native';

class NotificationHelper {

    createOnMessageNotification = () => {
        messaging().onMessage(message => {
            this.displayNotification(message);
        });
    };

    displayNotification(data = null) {
        if(data){
            let channelId = data?.notification?.android?.channelId ? data.notification.android.channelId : 'default';
            notifee.displayNotification({
                title: data.notification.title,
                body: data.notification.body,
                android: {
                    channelId,
                    smallIcon: 'ic_stat_name',
                    color: '#212121',
                    visibility: AndroidVisibility.PUBLIC
                },
            });
        }
    }

    createNotificationChannel = (channelId = 'default', channelName = 'Canal Padrão') => {
        notifee.isChannelCreated(channelId).then(existChannel=>{
            if(!existChannel){
                notifee.createChannel({
                    id: channelId,
                    name: channelName,
                    vibration: true,
                    importance: AndroidImportance.HIGH,
                    visibility: AndroidVisibility.PUBLIC
                });
            }
        })
    }

    getToken = () => {
        return new Promise((resolve)=>{
            messaging().getToken().then((token) => {
                console.log(token);
                resolve(token);
            })
        });
    }

    createInitialNotification = (callback = ()=>{}) =>{
        messaging()
            .getInitialNotification()
            .then(() => {
                callback()
            });
    }

    createBackgroundHandler = (callback = ()=>{}) => {
        messaging().setBackgroundMessageHandler(async (data) => {
            callback(data);
        });
    }

    createOnNotificationOpenedAPP = (callback = ()=>{})=>{
        messaging().onNotificationOpenedApp(async (data) => {
            callback(data);
        })
    }

    createOnBackgroundEvent = (callback = ()=>{}) => {
        notifee.onBackgroundEvent(async (data) => {
            callback(data);
        });
    }

    createOnForegroundEvent = (callback = ()=>{}) => {
        notifee.onForegroundEvent(async (data) => {
            callback(data);
        });
    }

}

export default NotificationHelper;

My code in init NotificationHelper.js

import 'react-native-reanimated'
import {AppRegistry} from 'react-native';
import Index from './Modulos/Index/Index';
import {name as appName} from './app.json';
import NotificationHelper from "./Helpers/NotificationHelper";

let notificacao = new NotificationHelper();
notificacao.createNotificationChannel();
notificacao.createOnNotificationOpenedAPP();
notificacao.createOnBackgroundEvent();
notificacao.createOnForegroundEvent();
notificacao.createBackgroundHandler();

AppRegistry.registerComponent(appName, () => Index);

The firebase.json code

{
  "react-native": {
    "messaging_android_notification_color": "@color/iconColor",
    "messaging_android_notification_channel_id": "default"
  }
}

My package.json

{
  "name": "Authy",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "@notifee/react-native": "^7.1.0",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-native-firebase/app": "^15.3.0",
    "@react-native-firebase/messaging": "^15.3.0",
    "@react-navigation/native": "^6.0.13",
    "@react-navigation/stack": "^6.3.4",
    "react": "18.1.0",
    "react-native": "0.70.5",
    "react-native-device-info": "^10.3.0",
    "react-native-geolocation-service": "^5.3.1",
    "react-native-gesture-handler": "^2.8.0",
    "react-native-permissions": "^3.6.1",
    "react-native-qrcode-scanner": "^1.5.5",
    "react-native-reanimated": "^2.13.0",
    "react-native-safe-area-context": "^4.4.1",
    "react-native-screens": "^3.18.2",
    "react-native-simple-toast": "^1.1.4",
    "react-native-splash-screen": "^3.3.0",
    "react-native-status-bar-height": "^2.6.0",
    "react-native-vision-camera": "^2.15.2",
    "react-native-webview": "^11.23.1",
    "vision-camera-code-scanner": "^0.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "eslint": "^7.32.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "0.72.3",
    "react-test-renderer": "18.1.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

Can someone help me?