noNamespace

Diagnostic Category: lint/style/noNamespace

TypeScript and TSX

Since: v1.0.0 Sources:

Same as: @typescript-eslint/no-namespace

Disallow the use of TypeScript’s namespaces.

Namespaces are an old way to organize your code in TypeScript. They are not recommended anymore and should be replaced by ES6 modules (the import/export syntax).

Examples

Invalid

module foo {}

code-block.ts:1:1 lint/style/noNamespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ TypeScript’s namespaces are an outdated way to organize code.
  
  > 1 │ module foo {}
      │ ^^^^^^^^^^^^^
    2 │ 
  
  ℹ Prefer the ES6 modules (import/export) over namespaces.

declare module foo {}

code-block.ts:1:9 lint/style/noNamespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ TypeScript’s namespaces are an outdated way to organize code.
  
  > 1 │ declare module foo {}
      │         ^^^^^^^^^^^^^
    2 │ 
  
  ℹ Prefer the ES6 modules (import/export) over namespaces.

namespace foo {}

code-block.ts:1:1 lint/style/noNamespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ TypeScript’s namespaces are an outdated way to organize code.
  
  > 1 │ namespace foo {}
      │ ^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Prefer the ES6 modules (import/export) over namespaces.

declare namespace foo {}

code-block.ts:1:9 lint/style/noNamespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ TypeScript’s namespaces are an outdated way to organize code.
  
  > 1 │ declare namespace foo {}
      │         ^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Prefer the ES6 modules (import/export) over namespaces.

Valid

import foo from 'foo';
export { bar };

declare global {}

declare module 'foo' {}

noNamespace

Examples

Invalid

Valid

Related links