tsconfig.json

{
  "compilerOptions": {
    "jsx": "preserve",
    "module": "commonjs",
    "declaration": true,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "target": "es2017",
    "sourceMap": true,
    "outDir": "./dist",
    "baseUrl": "./",
    "incremental": true,
    "resolveJsonModule": true,
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "isolatedModules": true,
    // custom paths
    "paths": {
      // pages
      "@pages"        : ["src/pages/index.tsx"],
      "@pages/*"      : ["src/pages/*"],
      // style
      "@styles"       : ["src/styles/index.ts"],
      "@styles/*"     : ["src/styles/*"],
      "@components"   : ["src/components/index.ts"],
      //"@components/*" : ["src/components/*"],
      "@hooks"        : ["src/hooks/index.ts"],
      "@hooks/*"      : ["src/hooks/*"],
      "@types"        : ["src/types/index.ts"],
      "@types/*"      : ["src/types/*"],
      // public
      "@public"       : ["public/*"],
      "@sounds"       : ["public/sounds/*"],
      "@pig"       : ["public/pig/*"],
    }
  },
  "compileOnSave": true,
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}