Unable to fetch from /api/issues/:number

[FranciscoKloganB]

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.