Fix chromatic check when process undefined (e.g. vite projects) (adobe#8494)

neofight78 · snowystinger · web-flow · commit 79c8e8f3ca91 · 2025-09-03T18:35:36.000Z
Co-authored-by: Robert Snow &lt;rsnow@adobe.com&gt;
diff --git a/packages/@react-spectrum/overlays/src/OpenTransition.tsx b/packages/@react-spectrum/overlays/src/OpenTransition.tsx
@@ -35,7 +35,7 @@ export function OpenTransition(
   props: any
 ): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {
   // Do not apply any transition if in chromatic.
-  if (process.env.CHROMATIC) {
+  if (typeof process !== 'undefined' && process.env.CHROMATIC) {
     return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));
   }
 

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ export function OpenTransition(`
`35`	`35`	`props: any`
`36`	`36`	`): JSX.Element \| ReactElement<any, string \| JSXElementConstructor<any>>[] {`
`37`	`37`	`// Do not apply any transition if in chromatic.`
`38`		`- if (process.env.CHROMATIC) {`
	`38`	`+ if (typeof process !== 'undefined' && process.env.CHROMATIC) {`
`39`	`39`	`return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));`
`40`	`40`	`}`
`41`	`41`