const [paginate, setPaginate] = React.useState({
    currentPage: queryParams.parse(search).page || 1,
    totalPages: 0,
    totalData: 0,
    limitPage: 5,
    meta: {
      q: queryParams.parse(search).q || null,
      type: queryParams.parse(search).type || null
    }
})

useEffect(() => {
  const fetch = async () => {
    const res = await getApi()
    setPaginate({
      ...paginate,
      totalData: res.meta.total,
      totalPages: res.meta.lastPage,
      currentPage: Number(res.meta.page)
    })
  }
  fetch()
}, [getApi, paginate])