Estoy tratando de implementar la biblioteca react-loading-skeleton en mi proyecto.

Código del componente del esqueleto:

 import Skeleton, { SkeletonTheme } from 'react-loading-skeleton' import 'react-loading-skeleton/dist/skeleton.css' const MySkeleton: FC = () => { return ( <SkeletonTheme baseColor="#000" highlightColor="#444" width={200} height={200}> <Skeleton circle={true}/> </SkeletonTheme> ) } export default MySkeleton

Código de configuración del paquete web:

 ... { test: /\.(scss|css)$/, //exclude: /node_modules/, => needed to avoid for react-skeleton-loading work use: [ 'style-loader', { loader: 'css-loader', options: { modules: { localIdentName: '[name]__[local]--[hash:base64:5]', }, }, }, 'sass-loader', ], }, ...

Problema: el componente de esqueleto se procesa (se muestra en el DOM) pero no hay señales de él en la pantalla. Dos tramos (uno dentro de otro - componente Skeleton) representados en el DOM, pero se usan estilos (no de SkeletonTheme ni Skeleton). DOM muestra que se usan estilos en el elemento pero no puedo verlo en la pantalla.

PD: Traté de usar la propiedad de estilo dentro de los componentes Skeleton y SkeletonTheme, no funcionó