Order local files by relative path

[nunocasteleira]

With "importOrder": ["^react$", "^react", "<THIRD_PARTY_MODULES>", "^@.*", "^[./]"] I get the following:

import React from 'react';
import { useHistory } from 'react-router-dom';
import classNames from 'classnames';
import { Container, Link, Typography } from '@material-ui/core';
import { ReactComponent as Illustration} from '../../../../assets/svg/illustration.svg';
import { RoutePaths } from '../../../App/Router/RouterConstants';
import Button from '../../../Shared/Button/Button';
import useStyles from './Component.style';

I would like to get the following:

import React from 'react';
import { useHistory } from 'react-router-dom';
import classNames from 'classnames';
import { Container, Link, Typography } from '@material-ui/core';
import useStyles from './Component.style';
import { RoutePaths } from '../../../App/Router/RouterConstants';
import Button from '../../../Shared/Button/Button';
import { ReactComponent as Illustration} from '../../../../assets/svg/illustration.svg';

What can I do? Thanks!