Fix SSR crash: guard window.devicePixelRatio access in PeopleGrid

iclanton · claude · iclanton · commit 6a08009e2924 · 2026-02-23T18:38:03.000-08:00
The constant at module scope accessed window.devicePixelRatio, which
throws ReferenceError during Docusaurus server-side rendering in Node.js.
Added typeof window check so it safely defaults to 100 during SSR.

Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/websites/rushstack.io/src/components/PeopleGrid.tsx b/websites/rushstack.io/src/components/PeopleGrid.tsx
@@ -7,7 +7,7 @@ interface IGitHubCardProps {
 }
 
 const gitHubBaseUrl = 'https://github.com/';
-const size: number = window.devicePixelRatio >= 2 ? 200 : 100;
+const size: number = typeof window !== 'undefined' && window.devicePixelRatio >= 2 ? 200 : 100;
 
 /**
  * Returns GitHub profile and avatar URLs for a given alias.

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ interface IGitHubCardProps {`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`const gitHubBaseUrl = 'https://github.com/';`
`10`		`-const size: number = window.devicePixelRatio >= 2 ? 200 : 100;`
	`10`	`+const size: number = typeof window !== 'undefined' && window.devicePixelRatio >= 2 ? 200 : 100;`
`11`	`11`
`12`	`12`	`/**`
`13`	`13`	`* Returns GitHub profile and avatar URLs for a given alias.`