[TS Error] Did you forget to use 'await'? about swr

[devjiwonchoi]

Your fetcher is returning Promise.

This is why there's .then on the example.

const fetcher = url => axios.get(url).then(res => res.data)

In your case, this will work:

useSWR(
  '/accidents/consult',
  (url) => axios.get(url).then((res) => res.data),
  {
    onSuccess(data, key, config) {
      console.log('事故data', data)
      // ...
    },
  }
)

[koba04]

We have the Data Fetching documentation with axios, which is exactly the same as @devjiwonchoi's suggestion.

[NicolasMontone]

I think the problem is how you are accessing the data (without an code example is difficult to say), but axios wraps the response data inside a data property, so you need to access data.data.message instead of data.message.

[vaynevayne]

useSWR(
   ['/accidents/consult'],
   ([url]) => axios<{ code: number; data: any; message: string }>(url),
   {
     onSuccess: async (data, key, config) => {
       const { message, code } = await data
       if (message) {
         content.current = message
         open()
       }
     },
   }
 )

You need to add an await here, but it's actually possible to do it without, because the return is not a promise, and I suspect it's a problem with swr.