fix: set options interface for typing of onchange for filter

src/components/Publications.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import Select from "react-select"
+import Select, { type Option } from "react-select"
 import PubPlaceholder from "./svg/PubPlaceholder.tsx"
 
 interface PubProps {
@@ -16,6 +16,11 @@ interface PubObject {
   }
 }
 
+interface iOption {
+  label: string
+  value: string
+}
+
 const PublicationSection: React.FC<PubProps> = ({ publications }) => {
   const classificationOptions = [
     { value: "Book", label: "Books" },
@@ -56,7 +61,7 @@ const PublicationSection: React.FC<PubProps> = ({ publications }) => {
           <label className="pl-1">Show</label>
           <Select
             options={classificationOptions}
-            isMulti={true}
+            isMulti
             isSearchable={false}
             closeMenuOnSelect={false}
             defaultValue={classificationOptions}
@@ -74,9 +79,7 @@ const PublicationSection: React.FC<PubProps> = ({ publications }) => {
                 paddingRight: "2rem",
               }),
             }}
-            onChange={(e) => {
-              setClassificationFilter(e)
-            }}
+            onChange={(option) => setClassificationFilter(option as Array<iOption>)}
           />
         </div>
       </section>