Description

Fix a bug in the useBreakpointIndex component utility hook, where the resize event listener was previously attached to the document object.

This was resulting in the event listener function never being called, since the resize event only gets fired on the window object.

The fix is quite simple — change document to window.

How has this been tested?

One way to test this is to check the Flex component's Storybook example:

• in production, notice how resizing the window doesn't cause the second row of items to switch from row to column (and viceversa)
• When running Storybook on this PR branch, notice how the behaviour just described above is fixed

Screenshots

Before

After

Types of changes

Bug fix

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• N/A I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).