fix: use correct HTML element types for list components

All-Hands-AI · Nov 13, 2024 · ca5b9ab · ca5b9ab
1 parent c371384
commit ca5b9ab
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/components/markdown/list.tsx b/frontend/src/components/markdown/list.tsx
@@ -4,8 +4,8 @@ import { ExtraProps } from "react-markdown";
 // Custom component to render <ul> in markdown
 export function ul({
   children,
-}: React.ClassAttributes<HTMLElement> &
-  React.HTMLAttributes<HTMLElement> &
+}: React.ClassAttributes<HTMLUListElement> &
+  React.HTMLAttributes<HTMLUListElement> &
   ExtraProps) {
   return <ul className="list-disc ml-5 pl-2 whitespace-normal">{children}</ul>;
 }
@@ -14,8 +14,8 @@ export function ul({
 export function ol({
   children,
   start,
-}: React.ClassAttributes<HTMLElement> &
-  React.HTMLAttributes<HTMLElement> &
+}: React.ClassAttributes<HTMLOListElement> &
+  React.OlHTMLAttributes<HTMLOListElement> &
   ExtraProps) {
   return (
     <ol className="list-decimal ml-5 pl-2 whitespace-normal" start={start}>