структурирование импорта — eslint-plugin-import

Question

это скорее вопрос, так как я пробовал несколько способов заставить работать приведенную ниже структуру. Какие-нибудь советы?

.eslint.js

              "import/order": [
            "error",
            {
                "groups": ["builtin", "external", "internal", "sibling"],
                "pathGroups": [
                    {
                        "pattern": "react",
                        "group": "external",
                        "position": "before"
                    }
                ],
            }
        ],

Я хотел бы следующую структуру заказа:

      // import anything react related

import React, { useRef, useState } from "react";`

// import third party packages

import _ from "lodash";

// import absolute

import { Component } from "shared/Component";

// import relative

import { utilsFunction } from "./utils";

// import styling

import css from "./Component.module.css";
```