在useEffect中设置文本区的行时，React测试失败并返回IndexSizeError

import React, { useEffect, useRef } from 'react';

function MyComponent() {
  const textAreaRef = useRef(null);

  useEffect(() => {
    if (textAreaRef.current) {
      // 在这里进行文本区的行数设置操作
      textAreaRef.current.rows = 10;
    }
  }, []);

  return (
    <textarea ref={textAreaRef}></textarea>
  );
}

import React, { useEffect, useRef } from 'react';

function MyComponent() {
  const textAreaRef = useRef(null);

  useEffect(() => {
    if (textAreaRef.current) {
      const computedStyle = window.getComputedStyle(textAreaRef.current);
      const lineHeight = parseInt(computedStyle.lineHeight);
      const height = parseInt(computedStyle.height);
      const rows = Math.floor(height / lineHeight);
      
      // 在这里进行文本区的行数设置操作
      textAreaRef.current.rows = rows;
    }
  }, []);

  return (
    <textarea ref={textAreaRef}></textarea>
  );
}