如何在next.js中重写react-skylight最小高度？

npm install react-skylight

import React from 'react';
import SkyLight from 'react-skylight';

class MyModal extends React.Component {
  render() {
    const modalStyle = {
      minHeight: '200px', // 设置最小高度
    };

    return (
      <div>
        <button onClick={() => this.modal.show()}>打开模态框</button>
        <SkyLight
          dialogStyles={modalStyle}
          hideOnOverlayClicked
          ref={(ref) => (this.modal = ref)}
        >
          {/* 模态框内容 */}
        </SkyLight>
      </div>
    );
  }
}

import React from 'react';
import MyModal from '../components/MyModal';

const HomePage = () => {
  return (
    <div>
      <h1>首页</h1>
      <MyModal />
    </div>
  );
};

export default HomePage;