fix all type errors

scripts/create-icons/toReactComponent.ts

@@ -19,17 +19,17 @@ export function Icon(props: Props) {
   width = toAttributeSize(width)
   height = toAttributeSize(height)
   
-  const style = { 
+  const style = {
-    'width': '1em',
+    width: '1em',
-    'height': '1em',
+    height: '1em',
-    'stroke': 'currentcolor',
+    stroke: 'currentcolor',
-    'strokeWidth': 'var(--border-width)',
+    strokeWidth: 'var(--border-width)',
-    'strokeLinecap': 'round',
+    strokeLinecap: 'round',
-    'strokeLinejoin': 'round',
+    strokeLinejoin: 'round',
-    'fill': 'none',
+    fill: 'none',
-    'verticalAlign': 'baseline'
+    verticalAlign: 'baseline'
   }
 
-  return <svg width={width} height={height} fill="none" viewBox="0 0 24 24" {...props} style={style}>{title ? (<title>{title}</title>) : ''}${innerSVG}</svg>
+  return <svg width={width} height={height} fill="none" viewBox="0 0 24 24" {...props} style={style as any}>{title ? (<title>{title}</title>) : ''}${innerSVG}</svg>
 }
 `

src/features/Web3/components/TokenSelect/TokenSelect.tsx

@@ -45,6 +45,7 @@ export function TokenSelect() {
         </Select.Icon>
       </Select.Trigger>
 
+      {/* @ts-expect-error-next-line: style actually is passed through and is needed in our case */}
       <Select.Portal style={{ zIndex: 10 }}>
         <Select.Content className="SelectContent">
           <Select.ScrollUpButton className="SelectScrollButton">

src/features/Web3/hooks/useFetchTokens/useFetchTokens.tsx

@@ -2,10 +2,11 @@ import { useEffect, useState } from 'react'
 import useSWR from 'swr'
 import type { GetToken } from '@features/Web3/stores/tokens'
 import { useNetwork, useAccount } from 'wagmi'
-import { fetcher } from '@stores/fetcher'
 import { $setTokens } from '@features/Web3/stores/tokens'
 import { $setSelectedToken } from '@features/Web3/stores/selectedToken'
 
+const fetcher = (url: string) => fetch(url).then((res) => res.json())
+
 //
 // Wrapper for fetching user tokens with swr.
 //

src/stores/fetcher.ts

@@ -1,6 +1,8 @@
-import { nanoquery } from '@nanostores/query'
+import { type Fetcher, nanoquery } from '@nanostores/query'
 
-export async function fetcher(...args: (string | number)[]) {
+export const fetcher: Fetcher<unknown> = async (
+  ...args: any[]
+): Promise<unknown> => {
   const res = await fetch(args.join(''))
   return await res.json()
 }

tsconfig.json

@@ -17,7 +17,11 @@
     },
     "typeRoots": ["./src/@types", "./node_modules/@types"]
   },
-  "exclude": ["src/images/components", "src/content"],
+  "exclude": [
+    "src/images/components/**/*",
+    "src/content",
+    "scripts/create-icons/tmp/"
+  ],
   "include": [
     "src/**/*",
     "content/**/*",