fix(clerk-js): Ensure componentProps is defined before accessing routing (#5088)

alexcarpenter · web-flow · commit 6ce705cc9dab · 2025-02-06T15:20:55.000Z
diff --git a/.changeset/perfect-carrots-arrive.md b/.changeset/perfect-carrots-arrive.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix issue accessing routing option when componentProps is undefined.
diff --git a/packages/clerk-js/src/ui/lazyModules/providers.tsx b/packages/clerk-js/src/ui/lazyModules/providers.tsx
@@ -57,7 +57,7 @@ type LazyComponentRendererProps = React.PropsWithChildren<
 type PortalProps = Parameters<typeof Portal>[0];
 
 export const LazyComponentRenderer = (props: LazyComponentRendererProps) => {
-  if (props.componentProps.routing === 'virtual') {
+  if (props?.componentProps?.routing === 'virtual') {
     deprecated('routing="virtual"', 'Use routing="hash" instead.');
   }
   return (

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@clerk/clerk-js': patch
 +---
++
 +Fix issue accessing routing option when componentProps is undefined.
Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ type LazyComponentRendererProps = React.PropsWithChildren<`
`57`	`57`	`type PortalProps = Parameters<typeof Portal>[0];`
`58`	`58`
`59`	`59`	`export const LazyComponentRenderer = (props: LazyComponentRendererProps) => {`
`60`		`- if (props.componentProps.routing === 'virtual') {`
	`60`	`+ if (props?.componentProps?.routing === 'virtual') {`
`61`	`61`	`deprecated('routing="virtual"', 'Use routing="hash" instead.');`
`62`	`62`	`}`
`63`	`63`	`return (`