Awesome Slider Does Not Work

[Pietro-Putelli]

I have followed the instructions to implement, as you can see from my code, but it doesn't display anything.

import AwesomeSlider from "react-awesome-slider";
import "react-awesome-slider/dist/custom-animations/cube-animation.css";

const slider = (
  <AwesomeSlider animation="cubeAnimation">
    <div
      className="bg-slate-100"
      data-src="https://images.unsplash.com/photo-1533422902779-aff35862e462?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8aG9yaXpvbnRhbHxlbnwwfHwwfHw%3D&w=1000&q=80"
    />
  </AwesomeSlider>
);

const App = () => {
  return (
    <div className="w-screen h-screen bg-slate-900">
      <slider />
    </div>
  );
};

export default App;