The react-query-api from uidotdev

react-query-api's People

Contributors

Stargazers

Watchers

react-query-api's Issues

Unable to fetch from `/api/issues/:number`

Edit: Found the error. I was passing the issue id to the request instead of the issue number.

MSW Worker always responds with 404 regardless of the searched issue with the body {"message":"Not found"}. My query code is below.

import { IssueStatus } from "@enums"
import { useQuery } from "react-query"

const toDomainIssue = (dto: IssueDto): Issue => ({ labelIDs: dto.labels, ...dto })

export function useIssue(number: string) {
  const keys = ["issues", number]

  function fetcher({ queryKey }: { queryKey: typeof keys }): Promise<Issue> {
    const [, number] = queryKey

    return fetch(`/api/issues/${number}`)
      .then((res) => res.json())
      .then((dto) => toDomainIssue(dto))
  }

  return useQuery(keys, fetcher)
}

Compared with the screenshot below taken from the video course, the endpoint to where I am requesting does not appear incorrect. Impossible to progress on the course unless this is fixed.

Can't install this package using npm or bun anything

"@uidotdev/react-query-api": "^0.1.18"

npm ERR! code 1
npm ERR! path /home/sinnerd/Videos/React/vitetest/client/node_modules/ts-eager/node_modules/esbuild
npm ERR! command failed
npm ERR! command sh -c node install.js

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/sinnerd/.npm/_logs/2023-03-01T11_12_46_703Z-debug-0.log

Recommend Projects