fix(react-email): Email template preview failing with emails having spaces (#1591)

Author: gabrielmfern

.changeset/nasty-carrots-burn.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+fix email template preview failing with emails having spaces

apps/web/src/app/examples/page.tsx

@@ -102,8 +102,8 @@ const items = [
     path: "magic-links/jobaccepted-magic-link",
     name: "Job Accepted / Magic Link with code",
     author: "vonsa",
-  }
-]
+  },
+];
 
 const title = "Examples — React Email";
 const description = "Open source templates built with React Email";

packages/react-email/src/app/preview/[...slug]/page.tsx

@@ -17,7 +17,7 @@ export interface PreviewParams {
 const Page = async ({ params }: { params: PreviewParams }) => {
   // will come in here as segments of a relative path to the email
   // ex: ['authentication', 'verify-password.tsx']
-  const slug = params.slug.join('/');
+  const slug = decodeURIComponent(params.slug.join('/'));
   const emailsDirMetadata = await getEmailsDirectoryMetadata(
     emailsDirectoryAbsolutePath,
   );