Fix 2 other random errors in console

UTDNebula · Nov 25, 2024 · 4fb20ee · 4fb20ee
1 parent 49d47e5
commit 4fb20ee
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/search/Filters/filters.tsx b/src/components/search/Filters/filters.tsx
@@ -4,9 +4,10 @@ import {
   InputLabel,
   ListItemText,
   MenuItem,
+  Select,
   Tooltip,
 } from '@mui/material';
-import Select, { type SelectChangeEvent } from '@mui/material/Select';
+import type { SelectChangeEvent } from '@mui/material/Select';
 import { useRouter } from 'next/router';
 import React, { useEffect, useState } from 'react';
 

diff --git a/src/components/search/SearchBar/searchBar.tsx b/src/components/search/SearchBar/searchBar.tsx
@@ -8,7 +8,7 @@ import {
 import match from 'autosuggest-highlight/match';
 import parse from 'autosuggest-highlight/parse';
 import { useRouter } from 'next/router';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { type Key, useEffect, useRef, useState } from 'react';
 
 import {
   decodeSearchQueryLabel,
@@ -283,7 +283,7 @@ const SearchBar = ({
             }
           }
         }}
-        renderOption={(props, option, { inputValue }) => {
+        renderOption={(props: { key: Key }, option, { inputValue }) => {
           const text =
             typeof option === 'string' ? option : searchQueryLabel(option);
           //add spaces between prefix and course number
@@ -302,8 +302,9 @@ const SearchBar = ({
               ),
           );
           const parts = parse(text, matches);
+          const { key, ...otherProps } = props;
           return (
-            <li {...props}>
+            <li key={key} {...otherProps}>
               {parts.map((part, index) => (
                 <span
                   key={index}