fix(preview-server): broken links

gabrielmfern · gabrielmfern · commit d89af465b491 · 2025-11-19T19:53:02.000-03:00
diff --git a/.changeset/crazy-sloths-dance.md b/.changeset/crazy-sloths-dance.md
@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+Broken links to React lines of code in the toolbar
diff --git a/packages/preview-server/src/components/toolbar/code-preview-line-link.tsx b/packages/preview-server/src/components/toolbar/code-preview-line-link.tsx
@@ -19,7 +19,7 @@ export const CodePreviewLineLink = ({
   if (type === 'html') {
     newSearchParams.set('lang', 'markup');
   } else if (type === 'react') {
-    newSearchParams.set('lang', 'jsx');
+    newSearchParams.set('lang', 'tsx');
   }
 
   const fragmentIdentifier = `#L${line}`;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@react-email/preview-server": patch
 +---
++
 +Broken links to React lines of code in the toolbar
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ export const CodePreviewLineLink = ({`
`19`	`19`	`if (type === 'html') {`
`20`	`20`	`newSearchParams.set('lang', 'markup');`
`21`	`21`	`} else if (type === 'react') {`
`22`		`- newSearchParams.set('lang', 'jsx');`
	`22`	`+ newSearchParams.set('lang', 'tsx');`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	const fragmentIdentifier = `#L${line}`;