Why is my React configuration in the front, but after formatting, React is behind Antd

[wayward-man]

my configuration
importOrder: ['^react(.)', 'antd/(.)', '<THIRD_PARTY_MODULES> ', '@/(.*)', '^[./]'],

after fomatting：

import { Button, Input, Modal, message, Tree, Icon, Tooltip } from 'antd';
import { debounce } from 'lodash';

import * as React from 'react';
import { withRouter } from 'react-router-dom';

import 'antd/dist/antd.css';

import './index.scss';

I would like to configure the order of antd and lodash. May I know how to configure them