我想实现React Loading Skeleton，我希望在状态加载后加载文本

<CardSubtitle tag="h6" className="text-muted">
Viewing time entries logged in the last 3 weeks
</CardSubtitle>

我试过这个...

import React, { useState, useEffect } from 'react';
import { CardSubtitle } from 'reactstrap';
import Skeleton from 'react-loading-skeleton';

const MyComponent = () => {
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    const timer = setTimeout(() => {
      setIsLoading(false);
    }, 1000);
    return () => clearTimeout(timer);
  }, []);

  return (
    <div>
      <CardSubtitle tag="h6" className="text-muted">
        {isLoading ? <Skeleton width={200} /> : 'Viewing time entries logged in the last 3 weeks'}
      </CardSubtitle>
    </div>
  );
}

export default MyComponent;

……但是没有成功。整个页面一片空白。