index.js

// Packages Imports
import "expo-asset";
import "react-native-gesture-handler";
import { AppRegistry } from "react-native";
import messaging from "@react-native-firebase/messaging";
import { Provider } from "react-redux";
import PushNotification, { Importance } from "react-native-push-notification";
import { PersistGate } from "redux-persist/integration/react";

// Local Files/App/Components/Store import
import App from "./App";
import configurations from "./config/config";
import { store, persistor } from "./store/configureStore";

PushNotification.createChannel({
  channelId: configurations.default_channel_id,
  channelName: configurations.default_channel_id,
  channelDescription: "A channel to show notifications",
  playSound: true,
  soundName: "default",
  importance: Importance.HIGH,
  vibrate: true,
});

// Register background handler
messaging().setBackgroundMessageHandler(async (remoteMessage) => {});

// Headless Check for PushNotifications
function HeadlessCheck({ isHeadless }) {
  return isHeadless ? null : (
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor}>
        <App />
      </PersistGate>
    </Provider>
  );
}

// registering the App
AppRegistry.registerComponent("main", () => HeadlessCheck);