Good question. If you have a comlicated nested structure like

components
--MyComponent
----MyComponents.js
pages
--orders
----new-orders
------index.js
index.js

and you will import MyComponent from new-orders index.js file like that:

import MyComponent from "../../../components/MyComponent";

But with my solution you can use it like that:

import MyComponent from "components/MyComponent";

Is It clear?