Add fallback to `window` in order to support SSR

Currently, OperationalUI uses a lot of properties on window. to handle resize, etc. The problem here is that when we try to render Operational UIs server-side, there is no window object and so the entire app breaks.

Solving this is a one-liner and would just add a fallback to an empty object to the component.

[adeelibr]

Awesome, I’ll start working on it. And create a PR.

[adeelibr]

New take on things 😁 😅 Forget what I said before 😛 lol

I created a SSR app, just to be sure of the entire process. The window & document object is available in SSR. With a slight catch. If you go through the rendering process. Unless or until the render() method isn’t called. The ‘document’ object isn’t available because it has not been rendered. So my advice for this would be to use

document.body.

document.body instead of window because IE doesn’t work with window in some cases. And both Chrome, Firefox can handle document.body and it is supported in IE as well.

My 2 cents will be to use the life cycle in the entire UI library accordingly. Call 'document.body.` after the UI has rendered and not before that. Otherwise it will not work. This is the same approach that Material UI uses as well.

Your thoughts?