Unable to sort imports in React-Native with TS

[idoRosen25]

I have a React-Native project. in a specific screen I have the following import:

import * as React from "react";
import { useState, useRef, useEffect, useCallback } from "react";
import { BackHandler, Dimensions, StyleSheet } from "react-native";
import { useNavigation, ParamListBase, useFocusEffect } from "@react-navigation/native";
import { useTranslation } from "react-i18next";
import { Modalize } from "react-native-modalize";
import { DrawerNavigationProp } from "@react-navigation/drawer";

import { useAppSelector, useAppDispatch } from "../../redux/store";
import { clearActiveRide, clearForceOpenTicket, clearRideState } from "../../redux/reducers/ride.slice";
import { setIsRegistered } from "../../redux/reducers/auth.slice";

import { useBackHandler } from "../../hooks/useBackHandler";
import useAppStateChange from "../../hooks/useAppStateChange";

import { scale, verticalScale } from "../../services/responsive.service";
import { EventTracker } from "../../services/monitor";

import ScreenLayout from "../../layouts/ScreenLayout";
import HomeHeader from "../../components/Headers/HomeHeader";
import CarouselHomeBody from "../../components/HomeCarousel/CarouselHomeBody";
import TicketGeneral from "../../components/RideTicket/TicketGeneral";
import TicketTrain from "../../components/RideTicket/TicketTrain";
import HomeCenterDialog from "../../components/Dialogs/HomeCenterDialog";
import CitiesDistance from "../../components/CitiesDistance/CitiesDistance";

These imports are sorted. when I mix their order and using valid regex strings, it shows that the option is not known in the prettierrc file.

can you please tell me what I'm doing wrong? is it possible to have a relative path regex where the nesting may differ?

example of the terminal for a specific regex: