build: stricter TS

- Fixed two issues in components

Author: psychedelicious

lib/components/custom-select/custom-select.stories.tsx

@@ -68,7 +68,7 @@ const dessertItems: Item[] = [
 ];
 
 const Component = () => {
-  const [selectedItem, setSelectedItem] = useState<Item | null>(dessertItems[0]);
+  const [selectedItem, setSelectedItem] = useState<Item | null>(dessertItems[0] ?? null);
 
   const onChange = useCallback((selectedItem: Item | null) => {
     setSelectedItem(selectedItem);

lib/components/custom-select/custom-select.tsx

@@ -95,7 +95,7 @@ export const CustomSelect = (props: CustomSelectProps) => {
 
   const onValueChange = useCallback(
     (e: SelectValueChangeDetails) => {
-      onChange(e.items.length ? e.items[0] : null);
+      onChange(e.items[0] ?? null);
     },
     [onChange]
   );

tsconfig.json

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
+    "target": "ESNext",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
 
@@ -19,6 +19,8 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "strictNullChecks": true,
   },
   "include": ["lib"],
   "references": [{ "path": "./tsconfig.node.json" }],