AzenKain
c77f4a2cb9
Some checks failed
Gitea Auto Deploy / Deploy-Container (push) Failing after 52s
26 lines
746 B
TypeScript
26 lines
746 B
TypeScript
"use client"
|
|
import { useQuery } from '@tanstack/react-query'
|
|
import { getMonsterListApi } from '@/lib/api'
|
|
import { useEffect } from 'react'
|
|
import useDetailDataStore from '@/stores/detailDataStore'
|
|
import { toast } from 'react-toastify'
|
|
|
|
export const useFetchMonsterData = () => {
|
|
const { setMapMonster } = useDetailDataStore()
|
|
const query = useQuery({
|
|
queryKey: ['MonsterData'],
|
|
queryFn: getMonsterListApi,
|
|
staleTime: 1000 * 60 * 5,
|
|
})
|
|
|
|
useEffect(() => {
|
|
if (query.data && !query.error) {
|
|
setMapMonster(query.data)
|
|
} else if (query.error) {
|
|
toast.error("Failed to load Monster data")
|
|
}
|
|
}, [query.data, query.error, setMapMonster])
|
|
|
|
return query
|
|
}
|