Update all deps to latest major

package.json

@@ -33,6 +33,6 @@
     "husky": "^9.0.11",
     "lerna": "^8.1.2",
     "lint-staged": "^15.2.2",
-    "npm-check-updates": "^16.14.15"
+    "npm-check-updates": "^16.14.18"
   }
 }

packages/app/package.json

@@ -16,32 +16,36 @@
   },
   "dependencies": {
     "@ac-dev/countries-service": "^1.2.0",
-    "@commercelayer/app-elements": "1.16.0",
-    "@commercelayer/sdk": "5.33.1",
+    "@commercelayer/app-elements": "1.20.1",
+    "@commercelayer/sdk": "5.36.0",
     "@hookform/resolvers": "^3.3.4",
     "lodash": "^4.17.21",
     "query-string": "^9.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.0",
+    "react-hook-form": "^7.51.2",
     "swr": "^2.2.5",
-    "type-fest": "^4.11.1",
-    "wouter": "^3.0.1",
+    "type-fest": "^4.15.0",
+    "wouter": "^3.1.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@commercelayer/eslint-config-ts-react": "^1.3.0",
-    "@types/lodash": "^4.14.202",
-    "@types/node": "^20.11.24",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@commercelayer/eslint-config-ts-react": "^1.4.5",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "^20.12.4",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.57.0",
     "jsdom": "^24.0.0",
     "rollup-plugin-external-globals": "^0.9.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.5",
-    "vite-tsconfig-paths": "^4.3.1",
-    "vitest": "^1.3.1"
+    "typescript": "^5.4.3",
+    "vite": "^5.2.8",
+    "vite-tsconfig-paths": "^4.3.2",
+    "vitest": "^1.4.0"
+  },
+  "resolutions": {
+    "ip": "^2.0.1",
+    "follow-redirects": "^1.15.6"
   }
 }

packages/app/src/components/FormFieldItems.tsx

@@ -32,7 +32,6 @@ export function FormFieldItems({ returnLineItems }: Props): JSX.Element {
               ) : undefined
             }
             padding='none'
-            tag='div'
           >
             <Text size='regular' tag='div' weight='bold'>
               {item.name}

packages/app/src/components/ListItemReturn.tsx

@@ -21,7 +21,6 @@ export function ListItemReturn({
       resource={resource}
       isLoading={isLoading}
       delayMs={delayMs}
-      tag='a'
       {...navigateTo({
         setLocation,
         destination: {

packages/app/src/components/ReturnInfo.tsx

@@ -45,7 +45,7 @@ export const ReturnInfo = withSkeletonTemplate<Props>(
 
     return (
       <Section title='Info'>
-        <ListItem tag='div'>
+        <ListItem>
           <Text tag='div' variant='info'>
             Order
           </Text>
@@ -59,7 +59,7 @@ export const ReturnInfo = withSkeletonTemplate<Props>(
             )}
           </Text>
         </ListItem>
-        <ListItem tag='div'>
+        <ListItem>
           <Text tag='div' variant='info'>
             Customer
           </Text>

packages/app/src/pages/Home.tsx

@@ -48,7 +48,6 @@ export function Home(): JSX.Element {
               asChild
             >
               <ListItem
-                tag='a'
                 icon={
                   <StatusIcon
                     name='chatCircle'
@@ -74,7 +73,6 @@ export function Home(): JSX.Element {
               asChild
             >
               <ListItem
-                tag='a'
                 icon={
                   <StatusIcon name='check' background='orange' gap='small' />
                 }
@@ -96,7 +94,6 @@ export function Home(): JSX.Element {
               asChild
             >
               <ListItem
-                tag='a'
                 icon={
                   <StatusIcon
                     name='arrowUpRight'
@@ -125,7 +122,6 @@ export function Home(): JSX.Element {
               asChild
             >
               <ListItem
-                tag='a'
                 icon={
                   <StatusIcon
                     name='asteriskSimple'
@@ -147,7 +143,6 @@ export function Home(): JSX.Element {
               asChild
             >
               <ListItem
-                tag='a'
                 icon={<StatusIcon name='minus' background='gray' gap='small' />}
               >
                 <Text weight='semibold'>{presets.archived.viewTitle}</Text>

packages/app/tsconfig.json

@@ -52,6 +52,7 @@
     "global.d.ts",
     "src",
     "*.config.ts",
+    "*.config.mts",
     "*.config.js",
     "*.config.cjs",
     ".eslintrc.cjs",