diff --git a/apps/public/components/battery-icon.tsx b/apps/public/components/battery-icon.tsx
index b2502363..69ce290c 100644
--- a/apps/public/components/battery-icon.tsx
+++ b/apps/public/components/battery-icon.tsx
@@ -4,10 +4,11 @@ import {
   BatteryFullIcon,
   BatteryLowIcon,
   BatteryMediumIcon,
+  type LucideProps,
 } from 'lucide-react';
 import { useEffect, useState } from 'react';
 
-export function BatteryIcon({ className }: { className?: string }) {
+export function BatteryIcon(props: LucideProps) {
   const [index, setIndex] = useState(0);
   const icons = [BatteryLowIcon, BatteryMediumIcon, BatteryFullIcon];
 
@@ -21,8 +22,8 @@ export function BatteryIcon({ className }: { className?: string }) {
   }, [index]);
 
   if (!Icon) {
-    return <div className={className} />;
+    return <div className={props.className} />;
   }
 
-  return <Icon className={className} />;
+  return <Icon {...props} />;
 }
diff --git a/apps/public/package.json b/apps/public/package.json
index 53138234..a1bbc9c2 100644
--- a/apps/public/package.json
+++ b/apps/public/package.json
@@ -7,7 +7,8 @@
     "build": "pnpm with-env next build",
     "start": "next start",
     "postinstall": "fumadocs-mdx",
-    "with-env": "dotenv -e ../../.env -c --"
+    "with-env": "dotenv -e ../../.env -c --",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@hyperdx/node-opentelemetry": "^0.8.1",