How to fix 'importsNotUsedAsValues' is deprecated in favor of 'importsNotUsedAsValues' in TypeScript

// OLD - deprecated
{
  "compilerOptions": {
    "importsNotUsedAsValues": "preserve"
  }
}

// NEW - use verbatimModuleSyntax instead
{
  "compilerOptions": {
    "verbatimModuleSyntax": true
  }
}

// OLD - TypeScript inferred this was type-only
import { User } from "./types";
const user: User = { name: "John" };

// NEW - Add explicit 'type' modifier
import { type User } from "./types";
const user: User = { name: "John" };

// OLD - Mixed import
import { User, getUser } from "./api";

// NEW - Separate value and type imports
import { getUser } from "./api";
import { type User } from "./api";

// OLD - Namespace import for types
import * as Types from "./types";
const user: Types.User = { name: "John" };

// NEW - Use 'import type' for namespace imports
import type * as Types from "./types";
const user: Types.User = { name: "John" };

// OPTION 1: Separate imports (clearer)
import { getUser, updateUser } from "./api";
import { type User, type UserPreferences } from "./api";

// OPTION 2: Inline type modifiers (more concise)
import { getUser, updateUser, type User, type UserPreferences } from "./api";

// OPTION 3: Namespace import with type modifier
import { getUser, updateUser } from "./api";
import type { User, UserPreferences } from "./api";

// WRONG - This will be removed at runtime with verbatimModuleSyntax
import { User, getUser } from "./api";
// User is a type, so the import will be dropped, breaking getUser

// OLD - TypeScript inferred this was type-only
export { User } from "./types";

// NEW - Add explicit 'type' modifier
export { type User } from "./types";

// OLD - Mixed export
export { User, createUser } from "./api";

// NEW - Separate or use inline type modifiers
export { createUser, type User } from "./api";

// OLD - Re-exporting types
export * from "./types";

// NEW - Use 'export type' for type-only re-exports
export type * from "./types";
// OR export specific types
export type { User, Product } from "./types";

# Run TypeScript compiler
npx tsc --noEmit

# Or run your build command
npm run build

// WRONG - getUser is a value, not a type
import { type getUser } from "./api";
const user = getUser(); // Error: getUser is not defined at runtime

// CORRECT
import { getUser } from "./api";
const user = getUser();

npm install --save-dev @types/library-name

// .eslintrc.json
{
  "rules": {
    "@typescript-eslint/consistent-type-imports": "error"
  }
}

// babel.config.json
{
  "presets": [
    ["@babel/preset-typescript", {
      "onlyRemoveTypeImports": true
    }]
  ]
}

// next.config.js
module.exports = {
  experimental: {
    typedRoutes: true
  }
};