From 44b3b66fbdc2bfed7eefc1eb955bc40d6914a5c4 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Sun, 30 Oct 2022 11:20:03 +0800
Subject: [PATCH] [ui] fix outdated types

---
 apps/storybook/stories/typeahead.stories.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/storybook/stories/typeahead.stories.tsx b/apps/storybook/stories/typeahead.stories.tsx
index 7b647d7a..e82c70d3 100644
--- a/apps/storybook/stories/typeahead.stories.tsx
+++ b/apps/storybook/stories/typeahead.stories.tsx
@@ -59,7 +59,7 @@ export function Basic({
     { id: '5', label: 'Tanya Fox', value: '5' },
     { id: '6', label: 'Hellen Schmidt', value: '6' },
   ];
-  const [selectedEntry, setSelectedEntry] = useState<TypeaheadOption>(
+  const [selectedEntry, setSelectedEntry] = useState<TypeaheadOption | null>(
     people[0],
   );
   const [query, setQuery] = useState('');
@@ -102,7 +102,7 @@ export function Required() {
     { id: '5', label: 'Tanya Fox', value: '5' },
     { id: '6', label: 'Hellen Schmidt', value: '6' },
   ];
-  const [selectedEntry, setSelectedEntry] = useState<TypeaheadOption>(
+  const [selectedEntry, setSelectedEntry] = useState<TypeaheadOption | null>(
     people[0],
   );
   const [query, setQuery] = useState('');
@@ -153,7 +153,7 @@ export function Error() {
     { id: '5', label: 'Tanya Fox', value: '5' },
     { id: '6', label: 'Hellen Schmidt', value: '6' },
   ];
-  const [selectedEntry, setSelectedEntry] = useState<TypeaheadOption>(
+  const [selectedEntry, setSelectedEntry] = useState<TypeaheadOption | null>(
     people[0],
   );
   const [query, setQuery] = useState('');
@@ -171,7 +171,7 @@ export function Error() {
   return (
     <Typeahead
       errorMessage={
-        selectedEntry.id === '1' ? 'Cannot select Wade Cooper' : undefined
+        selectedEntry?.id === '1' ? 'Cannot select Wade Cooper' : undefined
       }
       label="Author"
       options={filteredPeople}