() => {
  const { ref } = useSwiper({
    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({ slidesPerView: 3, loop: true })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}