whatsapp-web.js Cannot read properties of undefined (reading ‘default’)

So I follow along the getting started guide to use whatsapp-web.js
Link To Guide

const { Client } = require('whatsapp-web.js');
const qrcode = require('qrcode-terminal');

const client = new Client();

client.on('ready', () => {
    console.log('Client is ready!');
});

client.on('qr', qr => {
    qrcode.generate(qr, {small: true});
});

client.initialize();

When I start the code with node main.js the qr code is logged in terminal and I could scan it, but the problem is after I scan the QR code fro whatsapp login, I got undefined (reading ‘default’) error like below

0|main  | Error: Evaluation failed: TypeError: Cannot read properties of undefined (reading 'default')
0|main  |     at __puppeteer_evaluation_script__:5:95
0|main  |     at ExecutionContext._evaluateInternal (/home/ubuntu/haro-node/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:221:19)
0|main  |     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
0|main  |     at async ExecutionContext.evaluate (/home/ubuntu/haro-node/node_modules/puppeteer/lib/cjs/puppeteer/common/ExecutionContext.js:110:16)
0|main  |     at async Client.initialize (/home/ubuntu/haro-node/node_modules/whatsapp-web.js/src/Client.js:323:9)