Fix wack typescript error

Author: simsine

.github/workflows/build.yml

@@ -14,13 +14,11 @@ jobs:
         steps:
             - uses: actions/checkout@v4
               # https://pnpm.io/continuous-integration#github-actions
-            - uses: pnpm/action-setup@v3
-              with:
-                  version: 8
-            - name: Use Node.js 20
+            - uses: pnpm/action-setup@v4
+            - name: Use Node.js 22
               uses: actions/setup-node@v4
               with:
-                  node-version: 20
+                  node-version: 22
                   cache: "pnpm"
             - run: pnpm install
             - run: pnpm build

components/modals/calendarModal.tsx

@@ -91,7 +91,7 @@ const CalendarForm: Component<{ onChange: (form: FormData) => void }> = ({ onCha
 
     useEffect(() => {
         onChange(form)
-    }, [form])
+    }, [form, onChange])
 
     const defaultType = { value: "*", label: "Alle" }
     const eventTypes: EventType[] = ["bedpres", "social", "workshop", "other"]

components/select/select.tsx

@@ -34,7 +34,7 @@ const Select: Component<SelectProps> = ({
             defaultSelectedKeys={defaultItem}
             {...props}>
             {items.map(({ value, label }) => (
-                <SelectItem key={value} value={value}>
+                <SelectItem key={value}>
                     {label}
                 </SelectItem>
             ))}