VueSlickCarousel error in Vue 3

How can solve the problem?

CODE:

<script setup>
import { VueSlickCarousel } from "vue-slick-carousel";
import "vue-slick-carousel/dist/vue-slick-carousel.css";
import "vue-slick-carousel/dist/vue-slick-carousel-theme.css";
</script>

<template>
  <div class="container-fluid py-5">
    <div class="container py-5">
      <div class="text-center mb-5">
        <h5
          class="text-primary text-uppercase mb-3"
          style="letter-spacing: 5px"
        >
          Testimonial
        </h5>
        <h1>What Say Our Students</h1>
      </div>
      <div class="row justify-content-center">
        <div class="col-lg-8">
          <VueSlickCarousel>
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
          </VueSlickCarousel>
        </div>
      </div>
    </div>
  </div>
</template>

RENDERED IN INSPECT:

<!--[object Object]-->

ERROR:

[Vue warn]: Invalid vnode type when creating vnode: undefined. 
  at <Testimonials> 
  at <HomeView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

Thank you