fix: document is optional for SSR (#772)

niktverd · web-flow · commit ad83fac66d60 · 2024-01-15T19:29:34.000+06:00
diff --git a/src/components/BalancedMasonry/BalancedMasonry.tsx b/src/components/BalancedMasonry/BalancedMasonry.tsx
@@ -42,7 +42,7 @@ const BalancedMasonry = (props: WithChildren<BalancedMasonryProps>) => {
         for (const [rawWidth, columnCount] of breakpoints) {
             const width = Number(rawWidth);
 
-            if (document.body.clientWidth <= width) {
+            if (document?.body.clientWidth <= width) {
                 result = columnCount;
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ const BalancedMasonry = (props: WithChildren<BalancedMasonryProps>) => {`
`42`	`42`	`for (const [rawWidth, columnCount] of breakpoints) {`
`43`	`43`	`const width = Number(rawWidth);`
`44`	`44`
`45`		`- if (document.body.clientWidth <= width) {`
	`45`	`+ if (document?.body.clientWidth <= width) {`
`46`	`46`	`result = columnCount;`
`47`	`47`	`}`
`48`	`48`	`}`