Hello, I am trying to add a path alias to my component folder inside a private route. But i get the error as mentioned in the title. Here is my code:

import React from 'react'
import {} from '@/marketingComponents';// eslint Missing File Extension
const MarketingLayout = ({ children }: { children: React.ReactNode }) => {
  return <div></div>
}

export default MarketingLayout

my tsconfig:

 "paths": {
      "@/*": ["./src/*"],
      "@/components": ["./src/components/index"],
      "@/marketingComponents": ["./src/app/(marketing)/_components/index"]
    }

Folder structure:

/src
  /components
    index
  /app
    /(marketing)
      /_components
        index.js