WIP

src/components/generic/SidebarItem.tsx

@@ -2,26 +2,26 @@ import React from 'react';
 
 type DefaultDivProps = JSX.IntrinsicElements['div'];
 
-interface LocalSidebarItemProps {
+interface SidebarItemProps extends DefaultDivProps {
   title: string;
   description: string;
   selected: boolean;
   icon: JSX.Element;
 }
 
-export type SidebarItemProps = LocalSidebarItemProps & DefaultDivProps;
-
 export const SidebarItem = ({
   title,
   description,
   selected,
   icon,
+  ...props
 }: SidebarItemProps): JSX.Element => {
   return (
     <div
       className={`flex p-5 cursor-pointer select-none dark:hover:bg-primaryDark ${
         selected ? 'bg-gray-200 dark:bg-primaryDark' : 'dark:bg-secondaryDark'
       }`}
+      {...props}
     >
       <div className="text-gray-500 dark:text-gray-400">{icon}</div>
       <div className="ml-3 text-left">