() => {
  const { ref } = useSwiper({ autoPlay: true, loop: true })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}

() => {
  const { ref } = useSwiper({
    autoPlay: true,
    loop: true,
    duration: 1000,
  })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}

() => {
  const { ref } = useSwiper({
    autoPlay: true,
    loop: true,
    slidesPerView: 3,
    duration: 1000,
    speed: 1000,
  })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}