diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index c8b173034c1bc7771145aef5cfd05a637ab5764a..1990d72df47ca9c96ab8592282a8c0105bc6908b 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -1,10 +1,22 @@
 stages:
-  - test
+  - lint
   - build
+  - test
   - deploy
 
+eslint client:
+  stage: lint
+  rules:
+    - if: $CI_PIPELINE_SOURCE == "merge_request_event"
+      changes:
+        - packages/client/src/**/*
+  image: node:23-alpine
+  script:
+    - npm i --include=dev
+    - npm -w packages/client run lint
+
 eslint server:
-  stage: test
+  stage: lint
   rules:
     - if: $CI_PIPELINE_SOURCE == "merge_request_event"
       changes:
diff --git a/packages/client/.eslintrc.json b/packages/client/.eslintrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..e234a06fa7691ffac3af49e74fa39c4b94fc7c88
--- /dev/null
+++ b/packages/client/.eslintrc.json
@@ -0,0 +1,25 @@
+{
+  "extends": ["react-app"],
+  "rules": {
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-namespace": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "argsIgnorePattern": "^_",
+        "caughtErrors": "all",
+        "caughtErrorsIgnorePattern": "^_",
+        "destructuredArrayIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "ignoreRestSiblings": true
+      }
+    ]
+  },
+  "overrides": [
+    {
+      "files": ["**/*.ts?(x)"],
+      "rules": {}
+    }
+  ]
+}
diff --git a/packages/client/package.json b/packages/client/package.json
index 224394a16e9ea43d52948161b37e0f5727576643..e59f9ef53c09696de90c4c0b7162d9a9cd5eaa8b 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -13,9 +13,6 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@icons-pack/react-simple-icons": "^10.2.0",
diff --git a/packages/client/src/components/App.tsx b/packages/client/src/components/App.tsx
index 1ed97991183057711be6e4d9702139ec1c66d0f3..d0852d09741fe7edbcdbd6cd33c57928c9ce6dba 100644
--- a/packages/client/src/components/App.tsx
+++ b/packages/client/src/components/App.tsx
@@ -5,11 +5,10 @@ import { TemplateContext } from "../contexts/TemplateContext";
 import { SettingsSidebar } from "./Settings/SettingsSidebar";
 import { DebugModal } from "./Debug/DebugModal";
 import { ToolbarWrapper } from "./Toolbar/ToolbarWrapper";
-import React, { lazy, useEffect } from "react";
+import { useEffect } from "react";
 import { ChatContext } from "../contexts/ChatContext";
 
 import "react-toastify/dist/ReactToastify.css";
-import { ToastContainer } from "react-toastify";
 import { AuthErrors } from "./AuthErrors";
 import "../lib/keybinds";
 import { PixelWhoisSidebar } from "./PixelWhoisSidebar";
@@ -21,15 +20,15 @@ import { ModModal } from "./Moderation/ModModal";
 import { DynamicModals } from "./DynamicModals";
 import { ToastWrapper } from "./ToastWrapper";
 
-const Chat = lazy(() => import("./Chat/Chat"));
+// const Chat = lazy(() => import("./Chat/Chat"));
 
 console.log("Client init with version " + __COMMIT_HASH__);
 
-const DynamicallyLoadChat = () => {
-  const { loadChat } = useAppContext();
+// const DynamicallyLoadChat = () => {
+//   const { loadChat } = useAppContext();
 
-  return <React.Suspense>{loadChat && <Chat />}</React.Suspense>;
-};
+//   return <React.Suspense>{loadChat && <Chat />}</React.Suspense>;
+// };
 
 // get access to context data
 const AppInner = () => {
diff --git a/packages/client/src/components/AuthErrors.tsx b/packages/client/src/components/AuthErrors.tsx
index 6a9d6ff3b3f1a8548b36b0598b0881dc13b59a81..1325f3a16b1d44a4082159b621d29c9c87d08844 100644
--- a/packages/client/src/components/AuthErrors.tsx
+++ b/packages/client/src/components/AuthErrors.tsx
@@ -61,7 +61,7 @@ const BannedError = ({
   return (
     <Modal isOpen={isOpen} onClose={onClose} isDismissable={false}>
       <ModalContent>
-        {(onClose) => (
+        {(_onClose) => (
           <>
             <ModalHeader>Login Error</ModalHeader>
             <ModalBody>
@@ -96,7 +96,7 @@ const OPError = ({
   params: URLSearchParams;
 }) => {
   const canRetry = params.has(Params.CAN_RETRY);
-  const [error, setError] = useState(params.get(Params.ERROR));
+  const [error, _setError] = useState(params.get(Params.ERROR));
   const [errorDesc, setErrorDesc] = useState(params.get(Params.ERROR_DESC));
 
   useEffect(() => {
@@ -110,7 +110,7 @@ const OPError = ({
   return (
     <Modal isOpen={isOpen} onClose={onClose} isDismissable={false}>
       <ModalContent>
-        {(onClose) => (
+        {(_onClose) => (
           <>
             <ModalHeader>Login Error</ModalHeader>
             <ModalBody>
diff --git a/packages/client/src/components/Chat/Chat.tsx b/packages/client/src/components/Chat/Chat.tsx
index d270935e0ed6451d51ed77cd780f17091e5b6818..cc9b1383f4679d8763a8e099f154c75be6f18d0e 100644
--- a/packages/client/src/components/Chat/Chat.tsx
+++ b/packages/client/src/components/Chat/Chat.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useRef } from "react";
 
 const Chat = () => {
   const ref = useRef<HTMLDivElement | null>(null);
diff --git a/packages/client/src/components/Chat/OpenChatButton.tsx b/packages/client/src/components/Chat/OpenChatButton.tsx
index 1f1622110e8b27a6020210514833a910bc0e3e24..92adfd57b3caaf4d150d779517203ec5ee4b7a3f 100644
--- a/packages/client/src/components/Chat/OpenChatButton.tsx
+++ b/packages/client/src/components/Chat/OpenChatButton.tsx
@@ -1,4 +1,4 @@
-import { Badge, Button, Link } from "@nextui-org/react";
+import { Badge, Button } from "@nextui-org/react";
 import { useChatContext } from "../../contexts/ChatContext";
 import { useAppContext } from "../../contexts/AppContext";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -15,15 +15,12 @@ const OpenChatButton = () => {
       color="danger"
       size="sm"
     >
-      {
-        config?.chat?.element_host && 
-        <Button 
-          onPress={doLogin}
-          variant="faded"
-        >
+      {config?.chat?.element_host && (
+        <Button onPress={doLogin} variant="faded">
           <FontAwesomeIcon icon={faComments} />
           <p>Chat</p>
-        </Button>}
+        </Button>
+      )}
     </Badge>
   );
 };
diff --git a/packages/client/src/components/EventInfoOverlay.tsx b/packages/client/src/components/EventInfoOverlay.tsx
index cc13e5518c4224ed1a869512896c9aa530c22271..29516609165f6f4bc11f54544b8c659e50d2d990 100644
--- a/packages/client/src/components/EventInfoOverlay.tsx
+++ b/packages/client/src/components/EventInfoOverlay.tsx
@@ -1,4 +1,3 @@
-import React, { useEffect, useRef } from "react";
 import { useAppContext } from "../contexts/AppContext";
 import { Button, Link } from "@nextui-org/react";
 
@@ -11,7 +10,7 @@ import { Button, Link } from "@nextui-org/react";
  *
  * used by the canvas preview page to get people hyped up for the event (<7 days before)
  */
-export const EventInfoOverlay = ({ children }: React.PropsWithChildren) => {
+export const EventInfoOverlay = () => {
   const { setInfoSidebar, setSettingsSidebar } = useAppContext();
 
   return (
diff --git a/packages/client/src/components/Moderation/ModModal.tsx b/packages/client/src/components/Moderation/ModModal.tsx
index b8af51400dca945965f835fb27f84f52ddba59ff..dc696fbdde2dfefc8229843f7208bc98fb7b851b 100644
--- a/packages/client/src/components/Moderation/ModModal.tsx
+++ b/packages/client/src/components/Moderation/ModModal.tsx
@@ -72,7 +72,7 @@ export const ModModal = () => {
   const doUndoArea = useCallback(() => {
     if (!selectedCoords) return;
     if (
-      !confirm(
+      !window.confirm(
         `Are you sure you want to undo (${selectedCoords.start.join(",")}) -> (${selectedCoords.end.join(",")})\n\nThis will affect ~${(selectedCoords.end[0] - selectedCoords.start[0]) * (selectedCoords.end[1] - selectedCoords.start[1])} pixels!`
       )
     ) {
@@ -105,7 +105,7 @@ export const ModModal = () => {
   return (
     <Modal isOpen={showModModal} onOpenChange={setShowModModal}>
       <ModalContent>
-        {(onClose) => (
+        {(_onClose) => (
           <>
             <ModalHeader>Mod Menu</ModalHeader>
             <ModalBody>
diff --git a/packages/client/src/components/Profile/UserCard.tsx b/packages/client/src/components/Profile/UserCard.tsx
index 3e7b1b6d9d9cd87abe3b51eb5d27b069baa8675d..4939aae8591121557057bd56ccaaa409dbce4933 100644
--- a/packages/client/src/components/Profile/UserCard.tsx
+++ b/packages/client/src/components/Profile/UserCard.tsx
@@ -1,6 +1,6 @@
 import { faMessage, faWarning } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Avatar, Button, Link, Spinner, User } from "@nextui-org/react";
+import { Button, Link, Spinner, User } from "@nextui-org/react";
 import { ClientConfig } from "@sc07-canvas/lib/src/net";
 import { MouseEvent, useEffect, useMemo, useState } from "react";
 import { toast } from "react-toastify";
@@ -74,7 +74,7 @@ export const UserCard = ({ user }: { user: IUser }) => {
 
   const name = useMemo(() => {
     if (!user || !user.sub) {
-      return 'Unknown'
+      return "Unknown";
     }
 
     const regex = /^(.*)@/;
@@ -84,19 +84,19 @@ export const UserCard = ({ user }: { user: IUser }) => {
       return match[1];
     }
 
-    return 'Unknown'
-  }, [user])
+    return "Unknown";
+  }, [user]);
 
   return (
     <div className="flex flex-col gap-1">
       <div className="flex flex-row space-between p-2">
-        <User 
+        <User
           name={user?.display_name || name}
-          description={user?.sub || 'Unknown'}
+          description={user?.sub || "Unknown"}
           avatarProps={{
             showFallback: true,
             name: undefined,
-            src: user?.picture_url
+            src: user?.picture_url,
           }}
         />
         <div className="ml-auto">
diff --git a/packages/client/src/components/SidebarBase.tsx b/packages/client/src/components/SidebarBase.tsx
index 60c7e49e47a3e2818b118f0082f41dcbc69aace0..9458c2404bdd87d407b75a900e3304c5f838fd9a 100644
--- a/packages/client/src/components/SidebarBase.tsx
+++ b/packages/client/src/components/SidebarBase.tsx
@@ -1,8 +1,9 @@
-import { motion } from "framer-motion"
+import { motion } from "framer-motion";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import { Button, Divider } from "@nextui-org/react";
 import { faXmark } from "@fortawesome/free-solid-svg-icons";
+import { JSX } from "react";
 
 /**
  * Information sidebar
@@ -11,26 +12,53 @@ import { faXmark } from "@fortawesome/free-solid-svg-icons";
  *
  * @returns
  */
-export const SidebarBase = ({children, shown, icon, setSidebarShown, title, description, side}: { children: string | JSX.Element | JSX.Element[], icon: IconProp, shown: boolean, setSidebarShown: (value: boolean) => void, title: string, description: string, side: "Left" | "Right" }) => {
+export const SidebarBase = ({
+  children,
+  shown,
+  icon,
+  setSidebarShown,
+  title,
+  description,
+  side,
+}: {
+  children: string | JSX.Element | JSX.Element[];
+  icon: IconProp;
+  shown: boolean;
+  setSidebarShown: (value: boolean) => void;
+  title: string;
+  description: string;
+  side: "Left" | "Right";
+}) => {
   return (
     <div>
       <motion.div
         className={`absolute w-screen h-screen z-50 left-0 top-0 bg-black pointer-events-none`}
-        initial={{ opacity: 0, visibility: 'hidden' }} 
-        animate={{ opacity: shown ? 0.25 : 0, visibility: shown ? 'visible' : 'hidden' }} 
-        transition={{ type: 'spring', stiffness: 50 }} 
+        initial={{ opacity: 0, visibility: "hidden" }}
+        animate={{
+          opacity: shown ? 0.25 : 0,
+          visibility: shown ? "visible" : "hidden",
+        }}
+        transition={{ type: "spring", stiffness: 50 }}
       />
       <motion.div
-        className={`min-w-[20rem] max-w-[75vw] md:max-w-[30vw] bg-white dark:bg-black flex flex-col justify-between fixed ${side == "Left" ? "left-0" : "right-0"}  h-full shadow-xl overflow-y-auto z-50 top-0`}
-        initial={{ x: side == "Left" ? '-150%' : '150%' }} 
-        animate={{ x: shown ? side == "Left" ? '-50%' : '50%' : side == "Left" ? '-150%' : '150%' }} 
-        transition={{ type: 'spring', stiffness: 50 }} 
+        className={`min-w-[20rem] max-w-[75vw] md:max-w-[30vw] bg-white dark:bg-black flex flex-col justify-between fixed ${side === "Left" ? "left-0" : "right-0"}  h-full shadow-xl overflow-y-auto z-50 top-0`}
+        initial={{ x: side === "Left" ? "-150%" : "150%" }}
+        animate={{
+          x: shown
+            ? side === "Left"
+              ? "-50%"
+              : "50%"
+            : side === "Left"
+              ? "-150%"
+              : "150%",
+        }}
+        transition={{ type: "spring", stiffness: 50 }}
       />
       <motion.div
-        className={`min-w-[20rem] max-w-[75vw] md:max-w-[30vw] bg-white dark:bg-black text-black dark:text-white flex flex-col fixed ${side == "Left" ? "left-0" : "right-0"} h-full shadow-xl overflow-y-auto z-50 top-0`}
-        initial={{ x: side == "Left" ? '-100%' : '100%' }} 
-        animate={{ x: shown ? 0 : side == "Left" ? '-100%' : '100%' }} 
-        transition={{ type: 'spring', stiffness: 50 }} 
+        className={`min-w-[20rem] max-w-[75vw] md:max-w-[30vw] bg-white dark:bg-black text-black dark:text-white flex flex-col fixed ${side === "Left" ? "left-0" : "right-0"} h-full shadow-xl overflow-y-auto z-50 top-0`}
+        initial={{ x: side === "Left" ? "-100%" : "100%" }}
+        animate={{ x: shown ? 0 : side === "Left" ? "-100%" : "100%" }}
+        transition={{ type: "spring", stiffness: 50 }}
       >
         <header className="flex p-4 justify-between items-center">
           <div>
@@ -41,10 +69,15 @@ export const SidebarBase = ({children, shown, icon, setSidebarShown, title, desc
                 <p className="text-xs text-default-600">{description}</p>
               </div>
             </div>
-            
           </div>
 
-          <Button size="sm" isIconOnly onClick={() => setSidebarShown(false)} variant="solid" className="ml-4">
+          <Button
+            size="sm"
+            isIconOnly
+            onClick={() => setSidebarShown(false)}
+            variant="solid"
+            className="ml-4"
+          >
             <FontAwesomeIcon icon={faXmark} />
           </Button>
         </header>
diff --git a/packages/client/src/components/Templating/Template.tsx b/packages/client/src/components/Templating/Template.tsx
index e1026d9db6798f59e66d1dbe8784b7bdd248a6bd..7eced3ff0d69a01617e3b00932f315b3b68db9e9 100644
--- a/packages/client/src/components/Templating/Template.tsx
+++ b/packages/client/src/components/Templating/Template.tsx
@@ -56,7 +56,7 @@ export const Template = () => {
       templateHolderRef.style.setProperty("top", canvasY - offset[1] + "px");
     };
 
-    const handleMouseUp = (e: MouseEvent) => {
+    const handleMouseUp = (_e: MouseEvent) => {
       startLocation = undefined;
       Canvas.instance?.getPanZoom().panning.setEnabled(true);
 
diff --git a/packages/client/src/contexts/AppContext.tsx b/packages/client/src/contexts/AppContext.tsx
index 6651ad3386b9e0f739623537bfc0f3d47ae6a9fe..942f993581211c8b1c4a52f3ecc5d3666d969733 100644
--- a/packages/client/src/contexts/AppContext.tsx
+++ b/packages/client/src/contexts/AppContext.tsx
@@ -39,7 +39,7 @@ interface IAppContext {
   heatmapOverlay: IMapOverlay;
   setHeatmapOverlay: React.Dispatch<React.SetStateAction<IMapOverlay>>;
   pixelPulses: boolean;
-  setPixelPulses: (state: boolean) => void
+  setPixelPulses: (state: boolean) => void;
 
   profile?: string; // sub
   setProfile: (v?: string) => void;
@@ -92,6 +92,7 @@ type AppContext<ConfigExists extends boolean> = ConfigExists extends true
 export const useAppContext = <ConfigExists extends boolean = false>() =>
   useContext<AppContext<ConfigExists>>(appContext as any);
 
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 export const AppContext = ({ children }: PropsWithChildren) => {
   const [config, setConfig] = useState<ClientConfig>(undefined as any);
   const [auth, setAuth] = useState<AuthSession>();
@@ -125,7 +126,7 @@ export const AppContext = ({ children }: PropsWithChildren) => {
     opacity: 1,
     loading: false,
   });
-  const [pixelPulses, setPixelPulses] = useState<boolean>(false)
+  const [pixelPulses, setPixelPulses] = useState<boolean>(false);
 
   const [profile, setProfile] = useState<string>();
 
diff --git a/packages/client/src/lib/canvasRenderer.ts b/packages/client/src/lib/canvasRenderer.ts
index 97be57e217006be44d5c560ab2daaf9f104c7032..785c404a7b0c0e5cf0ea140c18e6c42a93ed8fd0 100644
--- a/packages/client/src/lib/canvasRenderer.ts
+++ b/packages/client/src/lib/canvasRenderer.ts
@@ -13,6 +13,7 @@ const isWorker = () => {
     // @ts-ignore
     typeof WorkerGlobalScope !== "undefined" &&
     // @ts-ignore
+    // eslint-disable-next-line no-restricted-globals
     self instanceof WorkerGlobalScope
   );
 };
@@ -94,7 +95,7 @@ export class CanvasRenderer extends EventEmitter<RendererEvents> {
     }
   }
 
-  usePixels(pixels: CanvasPixel[], replace = false) {
+  usePixels(pixels: CanvasPixel[], _replace = false) {
     for (const pixel of pixels) {
       this.usePixel(pixel);
     }
diff --git a/packages/client/src/lib/router.ts b/packages/client/src/lib/router.ts
index 79497d759be1c4f9613aa60224e9e4cb10305861..7ff029f56888a9f6b24dc43b495780bf55cec761 100644
--- a/packages/client/src/lib/router.ts
+++ b/packages/client/src/lib/router.ts
@@ -63,7 +63,7 @@ class _Router extends EventEmitter<RouterEvents> {
     window.removeEventListener("hashchange", this._hashChange.bind(this));
   }
 
-  _hashChange(e: HashChangeEvent) {
+  _hashChange(_e: HashChangeEvent) {
     const data = this.get();
     console.info("[Router] Navigated", data);
     this.emit("navigate", data);
diff --git a/packages/client/src/lib/template.ts b/packages/client/src/lib/template.ts
index 75262f0e456364dcaee40934aba466bdb817c929..9f58777d68ab05ec9bff7178e25b9f270fa17803 100644
--- a/packages/client/src/lib/template.ts
+++ b/packages/client/src/lib/template.ts
@@ -34,6 +34,7 @@ const TemplateStyle = {
     "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACwCAYAAACvt+ReAAAE10lEQVR42u3d3bKjKBQGULDy/q/MXE1VdzqRH9kqZq2bqZn5JKAmErbm5JRSSbCw0pGTlb1VdttpoAS9AUpANgW1u0q2dGxTOo7faLu92TTa7vZlozz55P2/zRyQ7RXRj97+zsyWjm1GT97aGI9kR8aWaydwxIEg7g05ms0nvcnCsq8bzrVnvVNr2RyQzReP7eeO33bBp0We/E6NnJr0nJAR7UZOpR5x/LYEC9smrCyMrETMXErpvazd4fI9c3+VnW/2teze8Ss7qwAt7ZYJ50y13deqk/fBbVYb28iY8mLZvf9ebTcnlTgeOIWAZShJyi6bfX3YOH84sfOXF7oyW3amQrXs++vMarc3m7/048w+rJT957htlU/i3HCQ93J77R7N5o4vD+/ZUvmSkRvHdiSbOvqwt/2RbA7av6cdt+0Bqw8jlMDX9M9xq5WS71xKjS5VtmxbDvZ3JJsDsvnEsU09dq+GM75MPnl72s2VQZx1JehdA23pb8/YevdDax/KhWMrM84Vy2gs7dOXuJGSZMslYLTUWbsUtbT7nm25ibqlhPqp3Z7+po7+RuyHnj707t/S8fql8/XLyHzE2qPs7bJKyTxmCgFLcimSXTa7fdiwfPn3NDGbgtq9ezYNZke++JaAbApqdzj75zrw+9rd3lrekeye1vsljmZ7+5snZL/1q2clJw3uwxnZXlGPWP3VX3PgNSh9f/HaeaeXzk+FEpzNAdl88dhSQPanjttWeafX7lZq/ZRovQPqSLanDyWo3ci70XqyvXeutbQbeVdez91onkrmmVOII3c1RV02I+8Ei2g36sc/SuOVo+WSfKS/EdOfw/2wnii7bFYpmaWZA7M8lyLZZbOvD0sUf/4z7XyJ68n++f88PfyDTw9H9WHWI0W17JFHXmqv+WnHzcymjj7Utj2yvpwC9u/yx+3uc2Al1DWddtxelfnw7DJjxI9Kt14pSuM7flY2B2TzxWO73XF7/12IM8qMtXeuEmpDCfWEsR2dSvVOu4ZuWbCMxtJaf9gkHcjNKM3WVgBqlzGl7/7+HhlfrfQ9ejdaOXqSysreKquUzNLMgVmeS5Hsstlv9wMroY5lW7+4KH1Pyr6vQiihHnsquTSMy1Pf4/v3n6w58FxK3yf7VkpWQo35M7Ol4xPzvd0SnM0B2Rw9tq1y+f7Fp4fPOHlr/SgdYysHxta7H3pOyIh2/a1kfmMK0fqJ0rrd3Uq5nh6O3Q8peP8Obywre6usUjJLMwdmeS5Fsstma6Xkb8scSqjPyC5/3Fp+nfKbI0+hRq0vp45s72MsOaC/V2eXP26z5sBKqGta/rjNWgfuyfrh7Pix/cxx2w68Iy95CvWiS5wfzt7f/rKnvi2j8egpxC2fQr355TCiXU9972xrPVF22axSMo+aQkCUsCU7lyLZM7Lhn8BKqOf39xdL31PN+kOHSqhj+yF1ju0ppe+wE9h8jKW/xK1WQj1D5GM3I9mIH5vOF49tyifwij/AfOYndk8JNqLNiDJ/CWr3tOOmlMxjphB+gPn4VErp+4Jpn3VK2TOyYXM7pWTO+h4BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE/1H4IIqRgL4W2oAAAAAElFTkSuQmCC",
 };
 
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 export type TemplateStyle = keyof typeof TemplateStyle;
 export const TemplateStyles = Object.keys(TemplateStyle);
 
diff --git a/packages/client/src/lib/utils.ts b/packages/client/src/lib/utils.ts
index 1eed9f66f2ca67c2b46ce82ef81a5162edde8993..dabb4461f4d6b35eca44ed2dbcd42c891ab83e4b 100644
--- a/packages/client/src/lib/utils.ts
+++ b/packages/client/src/lib/utils.ts
@@ -20,7 +20,7 @@ Debug._getRenderer = getRenderer;
 export const rgbToHex = (r: number, g: number, b: number) => {
   function componentToHex(c: number) {
     var hex = c.toString(16);
-    return hex.length == 1 ? "0" + hex : hex;
+    return hex.length === 1 ? "0" + hex : hex;
   }
 
   return (
@@ -54,7 +54,7 @@ export const api = async <T = unknown, Error = string>(
 
   try {
     data = await req.json();
-  } catch (e) {
+  } catch (_e) {
     /* empty */
   }
 
diff --git a/packages/client/src/worker/render.worker.ts b/packages/client/src/worker/render.worker.ts
index 24cf6ade33c7b3bdb34e335fa717247f77624790..7873b1bb67b8a01496c3434e365e95c4210c1776 100644
--- a/packages/client/src/worker/render.worker.ts
+++ b/packages/client/src/worker/render.worker.ts
@@ -12,7 +12,7 @@ renderer.on("ready", () => {
   postMessage({ type: "ready" });
 });
 
-addEventListener("message", (req) => {
+window.addEventListener("message", (req) => {
   switch (req.data.type) {
     case "canvas": {
       const canvas: OffscreenCanvas = req.data.canvas;