Fix lint errors (iway1#46)

Author: aidansunbury

biome.jsonc

@@ -24,7 +24,11 @@
         "useExhaustiveDependencies": "warn"
       },
       "suspicious": {
-        "noExplicitAny": "warn"
+        "noExplicitAny": "warn",
+        "noDuplicateFontNames": "off"
+      },
+      "style": {
+        "noNonNullAssertion": "warn"
       },
       "recommended": true
     }

package.json

@@ -12,6 +12,7 @@
     "cpy:readme": "cp README.MD packages/trpc-ui/README.md",
     "start:test-app": "node ./packages/test-app/lib/server.ts",
     "biome:check": "biome check --max-diagnostics=none",
+    "biome:check:errors": "biome check --max-diagnostics=none --diagnostic-level=error",
     "biome:check:changed": "biome check --changed --max-diagnostics=none",
     "biome:check:fix": "biome check --write --unsafe --max-diagnostics=none"
   },

packages/trpc-ui/src/parse/routerType.ts

@@ -86,6 +86,7 @@ const ProcedureSchema = z.object({
 
 export type Procedure = z.infer<typeof ProcedureSchema>;
 
+// biome-ignore lint/complexity/noBannedTypes: <explanation>
 export function isProcedure(obj: unknown | Function): obj is Procedure {
   if (typeof obj !== "function" || !("_def" in obj)) return false;
   return ProcedureDefSchema.safeParse((obj as any)._def).success;

packages/trpc-ui/src/react-app/components/CollapsableSection.tsx

@@ -72,6 +72,7 @@ export function CollapsableSection({
     >
       {collapsable ? (
         <button
+          type="button"
           onClick={() => {
             collapsables.toggle(fullPath);
             setPath(fullPath.join("."));

packages/trpc-ui/src/react-app/components/HeadersPopup.tsx

@@ -94,7 +94,7 @@ export function HeadersPopup() {
         </div>
         <div className="flex flex-col space-y-2 px-4 py-2">
           {headers.map(([headerKey, headerValue], i) => (
-            <div className="flex flex-col" key={`${i}`}>
+            <div className="flex flex-col" key={`${headerKey}, ${headerValue}`}>
               <div className="flex flex-row items-start">
                 <BaseTextField
                   className="flex-1"

packages/trpc-ui/src/react-app/components/LogoSvg.tsx

@@ -13,6 +13,7 @@ export function LogoSvg({ className }: { className?: string }) {
       enableBackground="new 0 0 512 512"
       className={className}
     >
+      <title>trpc-ui logo</title>
       <path
         fill="#282829"
         opacity="1.000000"

packages/trpc-ui/src/react-app/components/SideNav.tsx

@@ -47,6 +47,7 @@ function SideNavItem({
     <>
       {path.length > 0 && (
         <button
+          type="button"
           className={`flex w-full flex-row items-center justify-between font-bold ${
             shown ? "" : "opacity-70"
           }`}

packages/trpc-ui/src/react-app/components/contexts/AllPathsContext.tsx

@@ -18,6 +18,7 @@ function flatten(
   if (node.nodeType === "router") {
     const o = Object.values(node.children)
       .map(flatten)
+      // biome-ignore lint/performance/noAccumulatingSpread: <idk what this code is even doing>
       .reduce((a, b) => [...a, ...b]);
     return [...r, ...o, [node.path.join("."), colorSchemeType]];
   }

packages/trpc-ui/src/react-app/components/form/ProcedureForm/Error.tsx

@@ -4,7 +4,7 @@ import { FormSection } from "./FormSection";
 import { StackTrace } from "./StackTrace";
 import type { TRPCErrorType } from "./index";
 
-export function Error({ error }: { error: TRPCErrorType }) {
+export function ErrorDisplay({ error }: { error: TRPCErrorType }) {
   const json = error.meta.responseJSON[0]?.error.json ?? ({} as any);
   const msg = json.message;
   const code = json.code;

packages/trpc-ui/src/react-app/components/form/ProcedureForm/index.tsx

@@ -19,7 +19,7 @@ import getSize from "string-byte-length";
 import SuperJson from "superjson";
 import { z } from "zod";
 import JSONEditor from "../JSONEditor";
-import { Error as ErrorComponent } from "./Error";
+import { ErrorDisplay as ErrorComponent } from "./Error";
 import { FormSection } from "./FormSection";
 import { ProcedureFormButton } from "./ProcedureFormButton";
 import { Response } from "./Response";
@@ -161,7 +161,7 @@ export function ProcedureForm({
       );
       setShouldReset(false);
     }
-  }, [shouldReset]);
+  }, [shouldReset, setShouldReset, resetForm, defaultFormValuesForNode]);
   function reset() {
     setShouldReset(true);
     setQueryEnabled(false);