chore(deps): update dependency typescript to v5.7.2 (#1833)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>

Author: renovate[bot]

package.json

@@ -61,7 +61,7 @@
     "tsup": "8.3.0",
     "tsx": "4.19.2",
     "turbo": "2.3.3",
-    "typescript": "5.6.3",
+    "typescript": "5.7.2",
     "vitest": "2.1.8"
   },
   "browserslist": [

packages/components/src/components/mdx-components.tsx

@@ -1,5 +1,6 @@
 import { ComponentProps, ReactElement } from 'react';
-import { useRouter } from 'next/router';
+import { addBasePath } from 'next/dist/client/add-base-path';
+import NextImage from 'next/image';
 import clsx from 'clsx';
 
 export const mdxComponents: {
@@ -13,7 +14,7 @@ export const mdxComponents: {
     if (ext === 'mov') {
       ext = 'quicktime';
     }
-    return <source {...props} src={src} type={type || `video/${ext}`} />;
+    return <source {...props} src={addBasePath(src)} type={type || `video/${ext}`} />;
   },
   video: ({ className, children, ...props }: ComponentProps<'video'>) => (
     <video className={clsx('mt-6 w-full', className)} autoPlay loop muted {...props}>
@@ -30,13 +31,13 @@ export const mdxComponents: {
       {...props}
     />
   ),
-  img({ src = '', alt, ...props }: ComponentProps<'img'>) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks -- false positive
-    const { basePath } = useRouter();
-    if (!src.startsWith('http')) {
+  img(props: ComponentProps<'img'>) {
+    const ComponentToUse = typeof props.src === 'object' ? NextImage : 'img';
+    if (typeof props.src === 'string' && !props.src.startsWith('http')) {
       // eslint-disable-next-line no-console -- just for debug to notice that NextImage was not used
-      console.warn('Image', src, "doesn't use NextImage");
+      console.warn('Image', props.src, "doesn't use NextImage");
     }
-    return <img {...props} src={src.startsWith('/') ? basePath + src : src} alt={alt} />;
+    // @ts-expect-error -- fixme
+    return <ComponentToUse {...props} />;
   },
 };

packages/components/tsconfig.json

@@ -11,5 +11,6 @@
     "jsx": "react-jsx",
     "moduleResolution": "Bundler",
     "resolveJsonModule": true
-  }
+  },
+  "exclude": ["dist"]
 }

packages/editor/tsconfig.json

@@ -11,5 +11,6 @@
     "jsx": "react-jsx",
     "moduleResolution": "node",
     "resolveJsonModule": true
-  }
+  },
+  "exclude": ["dist"]
 }

packages/og-image/package.json

@@ -18,7 +18,7 @@
   "devDependencies": {
     "@cloudflare/workers-types": "4.20241205.0",
     "@types/react": "18.3.14",
-    "typescript": "5.6.3",
+    "typescript": "5.7.2",
     "wrangler": "3.93.0"
   }
 }

packages/og-image/tsconfig.json

@@ -15,5 +15,6 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "skipLibCheck": true
-  }
+  },
+  "exclude": ["dist"]
 }

packages/remark-mermaid/tsconfig.json

@@ -11,5 +11,6 @@
     "jsx": "react-jsx",
     "moduleResolution": "node",
     "resolveJsonModule": true
-  }
+  },
+  "exclude": ["dist"]
 }

packages/remark-npm2yarn/tsconfig.json

@@ -12,5 +12,6 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "types": ["vitest/globals"]
-  }
+  },
+  "exclude": ["dist"]
 }

pnpm-lock.yaml

@@ -20,7 +20,7 @@
   "devDependencies": {
     "@theguild/tailwind-config": "0.6.1",
     "@types/react": "18.3.14",
-    "typescript": "5.6.3"
+    "typescript": "5.7.2"
   },
   "nextBundleAnalysis": {
     "budget": null,