message content is continuously empty discord bot

I have a code using nextjs and discord.js the messages content will be allways empty


import { useEffect } from 'react';

export default ()=>{

useEffect(()=>{
const discordToken = 'MyToken';
const gatewayUrl = 'wss://gateway.discord.gg/?v=10&encoding=json';

const socket = new WebSocket(gatewayUrl);

socket.onopen = () => {
console.log('Connected to Discord Gateway');

const identifyPayload = {
op: 2,
d: {
token: discordToken,
intents: 32767, // Replace with the appropriate intent for message events
properties: {
$os: 'linux',
$browser: 'my_library',
$device: 'my_library',
},
},
};

socket.send(JSON.stringify(identifyPayload));
};

socket.onmessage = (event) => {
const payload = JSON.parse(event.data);
switch (payload.op) {
case 0: // Dispatch
handleDispatchEvent(payload);
break;
case 10: // Hello
handleHelloEvent(payload);
break;
default:
break;
}
};

function handleDispatchEvent(payload) {
const event = payload.t;
const data = payload.d;

console.log(event,data)
switch (event) {
case 'MESSAGE_CREATE':
console.log('New Message:', data.content);
break;
// Add more cases for other events as needed
default:
break;
}
}

function handleHelloEvent(payload) {
const interval = payload.d.heartbeat_interval;

setInterval(() => {
const heartbeatPayload = {
op: 1,
d: null,
};

socket.send(JSON.stringify(heartbeatPayload));
}, interval);
}

socket.onerror = (error) => {
console.error('WebSocket Error:', error);
};

socket.onclose = (event) => {
console.log('WebSocket Closed:', event);
};

},[])

return <>
<script src="https://cdn.jsdelivr.net/npm/aws-sdk@2/dist/aws-sdk.min.js"></script>

ok</>
}