axios url 관련해서 질문 합니다.

axios.get을 이용하고, url에 /api/profile/menu/:id에 요청을 하는 데, :id에는 user의 ID(test5)를 넣어서 보냅니다.
따라서 http://localhost:8001/api/profile/menu/test5를 보내는 데, 자꾸 http err를 보면, http://localhost:8001/api/profile/menu/%0test5로 인식 합니다…

  const id = localStorage.getItem("loginId")
  const url = `http://3.39.32.181:8001/api/profile/gamja/${id}`
  axios.get(url).then((res) => {
    setData(res.data.data[0])
    setLoading(false)
  })```

err : xhr.js:220          GET http://3.39.32.181:8001/api/profile/menu/%08test5 500 (Internal Server Error)

로컬스토리지에 ㅁtest5 라고 저장되어있는거같네요?