swr for Unitrad API

import React, { useState} from 'react'
import useSWR from 'swr'
import { fetcher } from './fetcher'

const ENDPOINT = 'https://unitrad.calil.jp/v1/'
const REGION = 'recipe'

export const useSwr = (q: string) => {
    const [url, setUrl] = useState(`${ENDPOINT}/search?region=${REGION}&free=${encodeURIComponent(q)}`)
    const [interval, setPollingInterval] = useState(100)
    const {data, error} = useSWR(url, fetcher, { 
        refreshInterval: interval,
        onSuccess: (data) => {
            if (data.running === true) {
                setUrl(`${ENDPOINT}/polling?region=${REGION}&uuid=${data.uuid}`)
                setPollingInterval(500)
            } else {
                setPollingInterval(0)
            }
        }
    })
    return {
        data,
        isLoading: !error && !data,
        isError: error
    }
}

export default useSwr;