[Bug]: Server-side rendering broken on Menu and OverflowMenu

[guidari]

Package

@carbon/react

Browser

No response

Package version

v1.55.0

React version

18.02

Description

Reported on Slack

When using NextJS with Menu and OverflowMenu with server-side rendering the following error shows up:
Internal error: ReferenceError: document is not defined

This might be solved by using this helper:

carbon/packages/react/src/internal/useEvent.js

Lines 68 to 94 in 71c553c

	export function useWindowEvent(eventName, callback) {
	/**
	* @type {MutableRefObject<WindowEventCallback<E> | null>}
	*/
	const savedCallback = useRef(null);
	useEffect(() => {
	savedCallback.current = callback;
	}, [callback]);
	useEffect(() => {
	/**
	* @type {WindowEventCallback<E>}
	*/
	function handler(event) {
	if (savedCallback.current) {
	savedCallback.current(event);
	}
	}
	window.addEventListener(eventName, handler);
	return () => {
	window.removeEventListener(eventName, handler);
	};
	}, [eventName]);
	}

Reproduction/example

https://stackblitz.com/edit/stackblitz-starters-vavqe5?file=app%2Fpage.tsx

Steps to reproduce

Open Stackblitz example and check the console log

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[janhassel]

Related: #15531

[DoaaRadwan]

Any updates on this? a similar issue was reported to the @carbon/ibm-products team and was fixed here carbon-design-system/ibm-products#4966 if this could be of any help .