hunk.code_window:   pageKey: string,
     pageFn: pageComponentType<OffsetType, Data, Error>,
     SWRToOffset: pageOffsetMapperType<OffsetType, Data, Error>,
     deps: any[] = []
   ): pagesResponseInterface {
     const pageCountKey = `_swr_page_count_` + pageKey
     const pageOffsetKey = `_swr_page_offset_` + pageKey
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit: ): pagesResponseInterface<Data, Error> {
  
hunk.file_path: src/use-swr-pages.tsx
hunk.type: replace
file: import React from 'react'
  import Link from 'next/link'
  
  import useRequest from '../libs/useRequest'
  
  export default () => {
    const { data } = useRequest<string[]>({
      url: '/api/data'
    })
  
    return (
      <div style={{ textAlign: 'center' }}>
        <h1>Trending Projects</h1>
        <div>
          {data
            ? data.map(project => (
                <p key={project}>
                  <Link href="/[user]/[repo]" as={`/${project}`}>
                    <a>{project}</a>
                  </Link>
                </p>
              ))
            : 'loading...'}
        </div>
      </div>
    )
  }
  