Apply suggestions from code review

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: simonihmig

examples/react/with-responsive-image/README.md

@@ -1,5 +1,5 @@
 # TanStack + ResponsiveImage
 
-Integrating [ResponsiveImage](responsive-image.dev) with TanStack Router.
+Integrating [ResponsiveImage](https://responsive-image.dev) with TanStack Router.
 
 Run `pnpm dev` to run locally.

examples/react/with-responsive-image/src/routes/$imageId.tsx

@@ -3,12 +3,13 @@ import { ResponsiveImage } from '@responsive-image/react'
 import { getImage } from '../images.ts'
 
 export const Route = createFileRoute('/$imageId')({
+  loader: ({ params }) => getImage(params.imageId),
   component: Image,
 })
 
 function Image() {
-  const { imageId } = Route.useParams()
-  const image = getImage(imageId)
+  const image = Route.useLoaderData()
 
-  return <ResponsiveImage src={image} className="large"></ResponsiveImage>
+  return <ResponsiveImage src={image} className="large" />
+}
 }

examples/react/with-responsive-image/src/routes/__root.tsx

@@ -1,9 +1,7 @@
-import { Outlet, createRootRoute } from '@tanstack/react-router'
+import { Outlet, Link, createRootRoute } from '@tanstack/react-router'
 import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
 import { TanstackDevtools } from '@tanstack/react-devtools'
 import { ResponsiveImage } from '@responsive-image/react'
-import { Link } from '@tanstack/react-router'
-
 import './app.css'
 import { getThumbsnails } from '../images.ts'