trails-cool/trails
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Leaflet SSR error: rename to .client.tsx

Browse source 
Leaflet accesses `window` on import, crashing during SSR. Renamed
RouteMapThumbnail to .client.tsx so React Router excludes it from
the server bundle entirely. Updated all lazy() imports to match.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ullrich Schäfer 2026-04-05 20:07:42 +02:00
parent 64231252bc
commit 81eb38a24d
5 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

0
apps/journal/app/components/RouteMapThumbnail.tsx → apps/journal/app/components/RouteMapThumbnail.client.tsx
View file

2
apps/journal/app/routes/activities.$id.tsx
View file

@ -9,7 +9,7 @@ import { listRoutes } from "~/lib/routes.server";
import { ClientDate } from "~/components/ClientDate";
const RouteMapThumbnail = lazy(() =>
import("~/components/RouteMapThumbnail").then((m) => ({ default: m.RouteMapThumbnail })),
import("~/components/RouteMapThumbnail.client").then((m) => ({ default: m.RouteMapThumbnail })),
);
export async function loader({ params, request }: Route.LoaderArgs) {

2
apps/journal/app/routes/activities._index.tsx
View file

@ -7,7 +7,7 @@ import { listActivities } from "~/lib/activities.server";
import { ClientDate } from "~/components/ClientDate";
const RouteMapThumbnail = lazy(() =>
import("~/components/RouteMapThumbnail").then((m) => ({ default: m.RouteMapThumbnail })),
import("~/components/RouteMapThumbnail.client").then((m) => ({ default: m.RouteMapThumbnail })),
);
export async function loader({ request }: Route.LoaderArgs) {

2
apps/journal/app/routes/routes.$id.tsx
View file

@ -7,7 +7,7 @@ import { getRoute, getRouteWithVersions, deleteRoute, updateRoute } from "~/lib/
import { ClientDate } from "~/components/ClientDate";
const RouteMapThumbnail = lazy(() =>
import("~/components/RouteMapThumbnail").then((m) => ({ default: m.RouteMapThumbnail })),
import("~/components/RouteMapThumbnail.client").then((m) => ({ default: m.RouteMapThumbnail })),
);

2
apps/journal/app/routes/routes._index.tsx
View file

@ -7,7 +7,7 @@ import { listRoutes } from "~/lib/routes.server";
import { ClientDate } from "~/components/ClientDate";
const RouteMapThumbnail = lazy(() =>
import("~/components/RouteMapThumbnail").then((m) => ({ default: m.RouteMapThumbnail })),
import("~/components/RouteMapThumbnail.client").then((m) => ({ default: m.RouteMapThumbnail })),
);
export async function loader({ request }: Route.LoaderArgs) {