use relative paths

packages/explorer/src/app/(home)/EditableTableCell.tsx

@@ -6,10 +6,10 @@ import { ChangeEvent, useState } from "react";
 import { encodeField } from "@latticexyz/protocol-parser/internal";
 import { SchemaAbiType } from "@latticexyz/schema-type/internal";
 import { waitForTransactionReceipt } from "@wagmi/core";
-import { Checkbox } from "@/components/ui/Checkbox";
-import { ACCOUNT_PRIVATE_KEYS } from "@/consts";
-import { useWorldAddress } from "@/hooks/useWorldAddress";
-import { useStore } from "@/store";
+import { Checkbox } from "../../components/ui/Checkbox";
+import { ACCOUNT_PRIVATE_KEYS } from "../../consts";
+import { useWorldAddress } from "../../hooks/useWorldAddress";
+import { useStore } from "../../store";
 import { wagmiConfig } from "../_providers";
 import { TableConfig } from "../api/table/route";
 import { abi } from "./abi";

packages/explorer/src/app/(home)/TableSelector.tsx

@@ -5,9 +5,9 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/Select";
-import { NON_EDITABLE_TABLES } from "@/consts";
-import { useWorldAddress } from "@/hooks/useWorldAddress";
+} from "../../components/ui/Select";
+import { NON_EDITABLE_TABLES } from "../../consts";
+import { useWorldAddress } from "../../hooks/useWorldAddress";
 
 export function TableSelector({
   value,

packages/explorer/src/app/(home)/TablesViewer.tsx

@@ -14,18 +14,18 @@ import {
   getSortedRowModel,
   useReactTable,
 } from "@tanstack/react-table";
-import { Button } from "@/components/ui/Button";
-import { Checkbox } from "@/components/ui/Checkbox";
-import { Input } from "@/components/ui/Input";
+import { Button } from "../../components/ui/Button";
+import { Checkbox } from "../../components/ui/Checkbox";
+import { Input } from "../../components/ui/Input";
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/Table";
-import { NON_EDITABLE_TABLES } from "@/consts";
+} from "../../components/ui/Table";
+import { NON_EDITABLE_TABLES } from "../../consts";
 import { EditableTableCell } from "./EditableTableCell";
 import { bufferToBigInt } from "./utils/bufferToBigInt";
 

packages/explorer/src/app/interact/Form.tsx

@@ -3,9 +3,9 @@
 import { Coins, Eye, Send } from "lucide-react";
 import { Abi, AbiFunction } from "viem";
 import { useDeferredValue, useState } from "react";
-import { Input } from "@/components/ui/Input";
-import { useHashState } from "@/hooks/useHash";
-import { cn } from "@/lib/utils";
+import { Input } from "../../components/ui/Input";
+import { useHashState } from "../../hooks/useHash";
+import { cn } from "../../lib/utils";
 import { FunctionField } from "./FunctionField";
 
 type Props = {

packages/explorer/src/app/interact/FunctionField.tsx

@@ -10,20 +10,20 @@ import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { readContract, waitForTransactionReceipt } from "@wagmi/core";
-import { Button } from "@/components/ui/Button";
+import { Button } from "../../components/ui/Button";
 import {
   Form,
   FormControl,
   FormField,
   FormItem,
   FormLabel,
   FormMessage,
-} from "@/components/ui/Form";
-import { Input } from "@/components/ui/Input";
-import { Separator } from "@/components/ui/Separator";
-import { ACCOUNT_PRIVATE_KEYS } from "@/consts";
-import { useWorldAddress } from "@/hooks/useWorldAddress";
-import { useStore } from "@/store";
+} from "../../components/ui/Form";
+import { Input } from "../../components/ui/Input";
+import { Separator } from "../../components/ui/Separator";
+import { ACCOUNT_PRIVATE_KEYS } from "../../consts";
+import { useWorldAddress } from "../../hooks/useWorldAddress";
+import { useStore } from "../../store";
 import { wagmiConfig } from "../_providers";
 
 type Props = {

packages/explorer/src/app/layout.tsx

@@ -3,7 +3,7 @@ import { Inter, JetBrains_Mono } from "next/font/google";
 import { Toaster } from "sonner";
 import { Theme } from "@radix-ui/themes";
 import "@radix-ui/themes/styles.css";
-import { Navigation } from "@/components/Navigation";
+import { Navigation } from "../components/Navigation";
 import { Providers } from "./_providers";
 import "./globals.css";
 

packages/explorer/src/components/AccountSelect.tsx

@@ -1,14 +1,14 @@
 import { formatEther } from "viem";
 import { useEffect } from "react";
+import { ACCOUNTS } from "../consts";
+import { useStore } from "../store";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/Select";
-import { ACCOUNTS } from "@/consts";
-import { useStore } from "@/store";
+} from "./ui/Select";
 
 export function AccountSelect() {
   const { account, setAccount, balances, fetchBalances } = useStore();

packages/explorer/src/components/Navigation.tsx

@@ -2,9 +2,9 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { LatestBlock } from "@/components/LatestBlock";
-import { Separator } from "@/components/ui/Separator";
-import { cn } from "@/lib/utils";
+import { LatestBlock } from "../components/LatestBlock";
+import { Separator } from "../components/ui/Separator";
+import { cn } from "../lib/utils";
 import { AccountSelect } from "./AccountSelect";
 
 export function Navigation() {

packages/explorer/src/components/ui/Button.tsx

@@ -1,7 +1,7 @@
 import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const buttonVariants = cva(
   // eslint-disable-next-line max-len

packages/explorer/src/components/ui/Checkbox.tsx

@@ -3,7 +3,7 @@
 import { Check } from "lucide-react";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

packages/explorer/src/components/ui/DropdownMenu.tsx

@@ -3,7 +3,7 @@
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 

packages/explorer/src/components/ui/Form.tsx

@@ -11,8 +11,8 @@ import {
 } from "react-hook-form";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
-import { Label } from "@/components/ui/Label";
-import { cn } from "@/lib/utils";
+import { Label } from "../../components/ui/Label";
+import { cn } from "../../lib/utils";
 
 const Form = FormProvider;
 

packages/explorer/src/components/ui/Input.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}

packages/explorer/src/components/ui/Label.tsx

@@ -3,7 +3,7 @@
 import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",

packages/explorer/src/components/ui/Select.tsx

@@ -3,7 +3,7 @@
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Select = SelectPrimitive.Root;
 

packages/explorer/src/components/ui/Separator.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

packages/explorer/src/components/ui/Table.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 const Table = React.forwardRef<
   HTMLTableElement,

packages/explorer/tsconfig.json

@@ -16,10 +16,7 @@
       {
         "name": "next"
       }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    ]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]