如何在我的Next.Js应用程序中正确使用此jQuery脚本？

npm install jquery

import React, { useEffect } from 'react';
import $ from 'jquery';

const MyComponent = () => {
  useEffect(() => {
    // 在这里可以编写你的jQuery脚本
    // 示例：给按钮添加点击事件
    $('#myButton').click(() => {
      alert('Button clicked!');
    });
  }, []);

  return (
    <div>
      <button id="myButton">Click me</button>
    </div>
  );
};

export default MyComponent;

import React from 'react';
import MyComponent from '../path/to/MyComponent';

const MyPage = () => {
  return (
    <div>
      <h1>My Page</h1>
      <MyComponent />
    </div>
  );
};

export default MyPage;