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

() => {
  const { ref } = useSwiper({ pagination: <span>X</span> })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}

() => {
  const { ref } = useSwiper({
    pagination: index => <span>{index + 1}</span>,
  })
  return (
    <div ref={ref}>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
    </div>
  )
}