Function useInsert

src/hooks/data/use-insert.ts:31–65

(
    table: string,
    config: UseInsertConfig = { options: {} },
)

}

export function useInsert<Data = any>(
    table: string,
    config: UseInsertConfig = { options: {} },
): UseInsertResponse<Data> {
    const client = useClient()
    const isMounted = useRef(false)
    const [state, setState] = useState<UseInsertState>(initialState)

    /* eslint-disable react-hooks/exhaustive-deps */
    const execute = useCallback(
        async (
            values: Partial<Data> | Partial<Data>[],
            options?: UseInsertOptions,
        ) => {
            setState({ ...initialState, fetching: true })
            const { count, data, error } = await client
                .from<Data>(table)
                .insert(values, options ?? config.options)
            const res = { count, data, error }
            if (isMounted.current) setState({ ...res, fetching: false })
            return res
        },
        [client],
    )
    /* eslint-enable react-hooks/exhaustive-deps */

    useEffect(() => {
        isMounted.current = true
        return () => {
            isMounted.current = false
        }
    }, [])

    return [state, execute]
}