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

neofight78 · neofight78 · commit 8627def33edc · 2025-07-06T12:05:30.000+01:00
diff --git a/packages/@react-spectrum/overlays/src/OpenTransition.tsx b/packages/@react-spectrum/overlays/src/OpenTransition.tsx
@@ -37,7 +37,7 @@ export function OpenTransition(
   props
 ): 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
`@@ -37,7 +37,7 @@ export function OpenTransition(`
`37`	`37`	`props`
`38`	`38`	`): JSX.Element \| ReactElement<any, string \| JSXElementConstructor<any>>[] {`
`39`	`39`	`// Do not apply any transition if in chromatic.`
`40`		`- if (process.env.CHROMATIC) {`
	`40`	`+ if (typeof process !== 'undefined' && process.env.CHROMATIC) {`
`41`	`41`	`return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));`
`42`	`42`	`}`
`43`	`43`