when I' trying to fetch data from my api its not working.

export async function getStaticPaths() {
  const res = await fetch("https://domainname/api/vb1/category-tree")
  const data = await res.json();
  const content = data["data"]


  const paths = content.map(pageName =>{
    // console.log(pageName.id)
      return {
          params: {id: pageName.id.toString()}
      }
   
  })
  return {
    paths,
    fallback: false // true or 'blocking'
  };
}

export async function getStaticProps(context) {
  const id = context.params.id
   console.log(id)
  const res = await fetch("https://domainname/api/vb1/category-tree/" + id  )
  const data = await res.json()

 
  
  return {
    props: {
      pages: data
    },
  }
}

Error :FetchError: invalid json response body at https://domainame/api/vb1/category-tree13 reason: Unexpected token < in JSON at position 0

Now my question is does my API need to support query parameter to work with id?