如何以编程方式重置react-table中的滚动

import React, { useState } from 'react';
import { useTable } from 'react-table';

function MyTable() {
  const [scrollY, setScrollY] = useState(0);

  // 其他react-table相关代码
}

import React, { useState, useEffect } from 'react';
import { useTable } from 'react-table';

function MyTable() {
  const [scrollY, setScrollY] = useState(0);

  useEffect(() => {
    const handleScroll = () => {
      setScrollY(window.scrollY);
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  // 其他react-table相关代码
}

import React, { useState, useEffect } from 'react';
import { useTable } from 'react-table';

function MyTable() {
  const [scrollY, setScrollY] = useState(0);
  const tableInstance = useTable(/* 表格配置参数 */);

  useEffect(() => {
    const handleScroll = () => {
      setScrollY(window.scrollY);
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  const resetScroll = () => {
    tableInstance.scroll.scrollToRow(0);
  };

  // 其他react-table相关代码

  return (
    <div>
      <button onClick={resetScroll}>重置滚动</button>
      {/* 表格渲染 */}
    </div>
  );
}