How to fix Error [ERR_REQUIRE_ESM]: require() of ES Module not supported in Node.js

Error [ERR_REQUIRE_ESM]: require() of ES Module /node_modules/package-name/index.js from ./your-file.js not supported.
Instead change the require of /node_modules/package-name/index.js to a dynamic import() which is available in all CommonJS modules.

{
  "type": "module"
}

// Before (CommonJS)
const fetch = require('node-fetch');
const chalk = require('chalk');

// After (ESM)
import fetch from 'node-fetch';
import chalk from 'chalk';

// Before
module.exports = { myFunction };

// After
export { myFunction };

// Top-level async function approach
async function loadModules() {
  const fetch = await import('node-fetch');
  const chalk = await import('chalk');

  // Use .default for default exports
  const response = await fetch.default('https://api.example.com');
  console.log(chalk.default.green('Success!'));
}

loadModules();

// Lazy loading approach
let chalk;

async function getChalk() {
  if (!chalk) {
    chalk = await import('chalk');
  }
  return chalk.default;
}

async function logMessage(message) {
  const chalkModule = await getChalk();
  console.log(chalkModule.green(message));
}

# node-fetch: v2.6.7 is last CommonJS version
npm install [email protected]

# chalk: v4.1.2 is last CommonJS version
npm install [email protected]

# got: v11.8.5 is last CommonJS version
npm install [email protected]

# nanoid: v3.3.4 is last CommonJS version
npm install [email protected]

{
  "dependencies": {
    "node-fetch": "2.6.7",
    "chalk": "4.1.2"
  }
}

{
  "compilerOptions": {
    "module": "ES2020",           // or "ES2022", "ESNext"
    "moduleResolution": "node",   // or "bundler" for modern projects
    "esModuleInterop": true,
    "target": "ES2020"
  }
}

{
  "type": "module"
}

import fetch from 'node-fetch';
import chalk from 'chalk';

// utils.cjs (CommonJS)
const fs = require('fs');
module.exports = { readConfig };

// app.js (ESM)
import { readConfig } from './utils.cjs';
import fetch from 'node-fetch';

// fetcher.mjs (ESM)
import fetch from 'node-fetch';
export { fetchData };

// app.js (CommonJS)
async function main() {
  const { fetchData } = await import('./fetcher.mjs');
  await fetchData();
}