hunk.code_window:       '@types/node': 18.7.14
         '@types/react': 18.0.15
         '@types/use-sync-external-store': 0.0.3
         '@typescript-eslint/eslint-plugin': 5.36.1_lwwfuyj7twi2pixhqbdlqx6rge
         '@typescript-eslint/parser': 5.36.1_3gbszem2nfymcdpvzng2ytglf4
         bunchee: 2.1.5_typescript@4.8.2
         eslint: 8.15.0
         eslint-config-prettier: 8.5.0_eslint@8.15.0
         eslint-plugin-jest-dom: 4.0.1_eslint@8.15.0
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit:       bunchee: 2.1.6_typescript@4.8.2
  
hunk.file_path: pnpm-lock.yaml
hunk.type: replace
file: import React from 'react'
  import Link from 'next/link'
  
  import useRequest from '../libs/useRequest'
  
  export default function Index() {
    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>
    )
  }
  