How to fix The property 'X' cannot be imported with import syntax in TypeScript

// Check the module's exports
import * as Module from './module';
console.log(Object.keys(Module));

// Or check the .d.ts file if available
// Look for export statements like:
// export { something };
// export default something;
// export = something;
// declare namespace X { export const Y; }

// If module uses named exports:
import { specificExport } from './module';

// If module uses default export:
import defaultExport from './module';

// If module uses "export =" (CommonJS):
import * as Module from './module';
// or with esModuleInterop enabled:
import Module from './module';

// If it's a namespace export:
import './module'; // Side-effect import
// Then use: moduleName.propertyName

// If it's a type that's not exported as value:
import type { SomeType } from './module';

// Or if it's in a namespace:
declare namespace Module {
  export interface SomeInterface {}
}
// Use as type: Module.SomeInterface

{
  "compilerOptions": {
    "module": "commonjs", // or "esnext", "es2020", etc.
    "moduleResolution": "node", // or "classic"
    "esModuleInterop": true, // helps with CommonJS/ES6 interop
    "allowSyntheticDefaultImports": true // allows default imports from modules without default export
  }
}

// Incorrect - missing export:
declare const something: string;

// Correct - exported:
export declare const something: string;

// For namespaces:
declare namespace MyLib {
  export const property: string;
}
// Use: MyLib.property (no import needed if global)

import * as EntireModule from './module';
// Then access properties:
const value = EntireModule.someProperty;
// Or if it's a function/class:
const instance = new EntireModule.SomeClass();

// For CommonJS modules with "export =":
const EntireModule = require('./module');