bug

Author: uncvrd

examples/react-query/pages/use-query.tsx

@@ -1,6 +1,9 @@
 import { useCallback, useState } from "react"
 import Head from "next/head"
-import { useQuery } from "@supabase-cache-helpers/postgrest-react-query"
+import {
+  useDeleteMutation,
+  useQuery,
+} from "@supabase-cache-helpers/postgrest-react-query"
 import { useSupabaseClient } from "@supabase/auth-helpers-react"
 import { z } from "zod"
 
@@ -21,6 +24,8 @@ import { Button } from "@/components/ui/button"
 
 export default function UseInfiniteScrollQueryPage() {
   const supabase = useSupabaseClient<Database>()
+  // I lose typesaftey here...
+  const {} = useDeleteMutation(supabase.from("contact"), ["id"])
   const { data: contacts } = useQuery(
     supabase
       .from("contact")
@@ -77,15 +82,15 @@ export default function UseInfiniteScrollQueryPage() {
         </div>
         <ul role="list" className="divide-y divide-gray-200">
           {(contacts ?? []).map((contact) => (
-            <li key={contact.id} className="py-4 px-2">
+            <li key={contact.id} className="px-2 py-4">
               <div className="flex items-center space-x-4">
                 <Avatar>
                   <AvatarImage src={null} alt={contact.username} />
                   <AvatarFallback>
                     {contact.username.slice(0, 2)}
                   </AvatarFallback>
                 </Avatar>
-                <div className="min-w-0 flex-1">
+                <div className="flex-1 min-w-0">
                   <Small>{contact.username}</Small>
                   <Subtle>{contact.continent}</Subtle>
                 </div>

examples/react-query/tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -9,15 +13,23 @@
     "incremental": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

packages/postgrest-react-query/tsconfig.json

@@ -1,5 +1,9 @@
 {
   "extends": "@supabase-cache-helpers/tsconfig/react-library.json",
-  "include": ["**/*.ts"],
-  "exclude": ["node_modules"]
-}
+  "include": [
+    "**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}