How to fix Cannot use namespace as a value in TypeScript

namespace MyNamespace {
  export const value = 42;
}

// This causes the error:
const obj = MyNamespace;  // Cannot use namespace as a value
export default MyNamespace;  // Cannot use namespace as a value
setTimeout(() => MyNamespace, 1000);  // Cannot use namespace as a value

// Before (won't work as value):
namespace MyNamespace {
  export const API_URL = 'https://api.example.com';
  export function fetch() { /* ... */ }
}

// After (works as value):
const MyNamespace = {
  API_URL: 'https://api.example.com',
  fetch() { /* ... */ }
};

export default MyNamespace;  // Now this works!

// Before (namespace):
namespace utils {
  export function helper() { /* ... */ }
  export const config = { /* ... */ };
}

// After (ES6 modules):
// utils.ts
export function helper() { /* ... */ }
export const config = { /* ... */ };

// other-file.ts
import * as utils from './utils';  // or
import { helper, config } from './utils';

// Before (mixes type and value):
namespace MyType {
  export interface Data {
    id: number;
  }
  export const instance = { id: 1 };  // Error: namespace can't be used as value
}

// After (separate concerns):
interface MyData {
  id: number;
}

const MyInstance = { id: 1 };

export { MyData, MyInstance };

{
  "compilerOptions": {
    "module": "commonjs",  // or "esnext"
    "target": "ES2020",
    "declaration": true,
    "declarationMap": true,
    "skipLibCheck": true
  }
}