fix: merge conflict

Author: tmm

src/hooks/index.ts

@@ -1,4 +1,5 @@
 export * from './use-client'
 export * from './use-filter'
+export * from './use-insert'
 export * from './use-select'
 export * from './use-update'

src/hooks/use-insert.ts

@@ -0,0 +1,64 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+
+import { PostgrestError } from '../types'
+import { useClient } from './use-client'
+import { initialState } from './state'
+
+export type UseInsertState<Data = any> = {
+    count?: number | null
+    data?: Data | Data[] | null
+    error?: PostgrestError | null
+    fetching: boolean
+}
+
+export type UseInsertResponse<Data = any> = [
+    UseInsertState<Data>,
+    (
+        values: Partial<Data> | Partial<Data>[],
+        options?: UseInsertOptions,
+    ) => Promise<Pick<UseInsertState<Data>, 'count' | 'data' | 'error'>>,
+]
+
+export type UseInsertOptions = {
+    returning?: 'minimal' | 'representation'
+    count?: null | 'exact' | 'planned' | 'estimated'
+}
+
+export type UseInsertConfig = {
+    options?: UseInsertOptions
+}
+
+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)
+            if (isMounted.current) setState({ data, error, fetching: false })
+            return { count, data, error }
+        },
+        [client],
+    )
+    /* eslint-enable react-hooks/exhaustive-deps */
+
+    useEffect(() => {
+        isMounted.current = true
+        return () => {
+            isMounted.current = false
+        }
+    }, [])
+
+    return [state, execute]
+}

test/use-insert.test.tsx

@@ -0,0 +1,12 @@
+import { renderHook } from '@testing-library/react-hooks'
+
+import { useInsert } from '../src'
+
+describe('useSelect', () => {
+    it('should throw when not inside Provider', () => {
+        const { result } = renderHook(() => useInsert('todos'))
+        expect(result.error).toEqual(
+            Error('No client has been specified using Provider.'),
+        )
+    })
+})