试图在react-big-calendar月份视图中显示工具提示，但是行遮住了它？

import React from 'react';
import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';

const localizer = momentLocalizer(moment);

const MyCalendar = () => {
  const customStyles = {
    tooltip: {
      zIndex: 1000, // 确保这个值足够高，以避免被其他元素遮挡
      backgroundColor: 'black',
      color: 'white',
      padding: '5px',
      borderRadius: '5px',
      fontSize: '12px',
    },
  };

  return (
    <div style={{ height: 500 }}>
      <Calendar
        localizer={localizer}
        events={[
          // 你的事件数据
        ]}
        startAccessor="start"
        endAccessor="end"
        tooltipAccessor={(event) => event.title}
        components={{
          tooltip: ({ event, children }) => (
            <div style={customStyles.tooltip}>
              {children}
            </div>
          ),
        }}
      />
    </div>
  );
};

export default MyCalendar;