useWindowScroll may lose window scroll change at mount

[eaglus]

What is the current behavior?
Now, useWindowScroll asks for window scroll position at two points:

• at first render: https://github.com/streamich/react-use/blob/v15.3.4/src/useWindowScroll.ts#L12
• in scroll event handler: https://github.com/streamich/react-use/blob/v15.3.4/src/useWindowScroll.ts#L25

But, react render may be async, so, between first render and execution of useEffect may happen a "time gap", and window scroll position may be updated there (in that "gap").
For example, some other effects (of other components may cause window scroll).
And that updated value of window scroll will be lost, becase window.addEventListener is called before that possible update.
We need to update window scroll inside of effect handler, before subscription.
Also, we can use lazy initial value for state (to prevent scroll position recalculation at each render).
It is legal, see there: https://kentcdodds.com/blog/use-state-lazy-initialization-and-function-updates

Steps to reproduce it and if possible a minimal demo of the problem
This is very unstable bug, it depends on heighbor/parent/child configuration, and i can reproduce it on my application (when some route gets mounted, and window scrolled to top, useWindowScroll gets remounted, but, its new instance has wrong scroll position value).

What is the expected behavior?
Always have correct hook result, correspondent to window scroll position

A little about versions:

• OS: any
• Browser (vendor and version): any
• React: 17.01
• react-use: 15.3.4
• Did this worked in the previous package version?: no