如何在react中编辑useEffect钩子，以便每当mySQL或数据库中有新行时，生成的表都会自动刷新？

import React, { useState, useEffect } from 'react';
import mysql from 'mysql2';
import { Sequelize } from 'sequelize';

const [data, setData] = useState([]);

useEffect(() => {
  const connection = mysql.createConnection({
    host: '数据库主机地址',
    user: '数据库用户名',
    password: '数据库密码',
    database: '数据库名称',
  });

  const sequelize = new Sequelize('数据库名称', '数据库用户名', '数据库密码', {
    host: '数据库主机地址',
    dialect: 'mysql',
  });

  const refreshTable = async () => {
    // 执行数据库查询操作，获取最新的数据
    const newData = await sequelize.query('SELECT * FROM 表名', { type: sequelize.QueryTypes.SELECT });
    setData(newData);
  };

  // 监听数据库中的变化，当有新行插入时，触发刷新表格的操作
  connection.on('databaseChange', refreshTable);

  // 初始化加载数据
  refreshTable();

  // 组件卸载时，关闭数据库连接
  return () => {
    connection.end();
  };
}, []);

return (
  <div>
    <table>
      <thead>
        <tr>
          <th>列名1</th>
          <th>列名2</th>
          {/* 其他列 */}
        </tr>
      </thead>
      <tbody>
        {data.map((row) => (
          <tr key={row.id}>
            <td>{row.column1}</td>
            <td>{row.column2}</td>
            {/* 其他列 */}
          </tr>
        ))}
      </tbody>
    </table>
  </div>
);