tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "lib": ["dom", "dom.iterable", "esnext"],
        "allowJs": true,
        "skipLibCheck": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "module": "esnext",
        "moduleResolution": "node",
        "resolveJsonModule": true,
        "isolatedModules": true,
        "noEmit": true,
        "jsx": "preserve",
        "forceConsistentCasingInFileNames": true,
        "incremental": true,
        "baseUrl": ".",
        "paths": {
            "@components/*": ["components/*"],
            "@contexts/*": ["contexts/*"],
            "@apis/*": ["lib/apis/*"],
            "@customTypes/*": ["lib/customTypes/*"],
            "@hooks/*": ["lib/hooks/*"],
            "@utils/*": ["lib/utils/*"],
            "@images/*": ["public/images/*"],
            "@styles/*": ["styles/*"]
        }
    },
    "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
    "exclude": ["node_modules"]
}