Import with aliases from upper level

And i have aliases enabled for entities folder and structure like this: 

-entities

  -folder1

    -useSomeHook.ts

    -index.ts

    -folder2.ts

      -useSomeHook1.ts

In useSomeHook1.ts i'm importing useSomeHook this way:

import { useSomeHook } from '../useSomeHook';

But WebStorm suggests to change import to a shorter import { useSomeHook } from '@entities/folder1'; i don't want this approach because it can be something like this: import { useSomeHook } from '@entities/folder1/folder2/folder3/folder4'; How can i change this behaviour?

My vite.config.ts:

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react-swc';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@entities': path.resolve(__dirname, './src/entities'),
    },
  },
});

My tsconfig.json:
{
  "include": ["src"],
  "compilerOptions": {
    "types": ["vite/client"],
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"],
      "@entities/*": ["src/entities/*"]
    }
  }
}