Data Mutation

Sometimes you want to modify request results without re-fetching — e.g., add, delete, or update an item. Use mutate to manually update data.

const useApi = createRequest({ dataKey: 'data' })

const { data, mutate } = useApi(fetchList)

// Directly update data
mutate([...data.value, newItem])

// Or use a function
mutate((prevData) => prevData.filter(item => item.id !== 100))

Optimistic Update

Optimistic update immediately updates the UI and sends a request in the background. If the request fails, data is automatically rolled back.

const { optimisticUpdate } = useApi(updateService)

optimisticUpdate((prevData) => ({ ...prevData, name: 'new name' }))