如何在NextJS中访问withRouter封装的带ref的组件？

npm install next react-router-dom

import React, { useRef } from 'react';

const MyComponent = () => {
  const myRef = useRef(null);

  // 在这里可以使用myRef

  return <div ref={myRef}>Hello World</div>;
};

export default MyComponent;

import React from 'react';
import { withRouter } from 'next/router';
import MyComponent from '../components/MyComponent';

const MyPage = () => {
  // 在这里可以访问带有ref的组件

  return (
    <div>
      <h1>My Page</h1>
      <MyComponent />
    </div>
  );
};

export default withRouter(MyPage);