Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This changeset rewrites useBreakpoint and fixes #860.
The hook now returns either a boolean or
null
;null
in the case wherewindow
doesn't exist and so whether or not the query matches is unknown. It now no longer sets aresize
handler onwindow
, instead using thechange
event of the media query list. This is much more efficient.I honestly don't know exactly what in the old version was causing the bug, but it's definitely fixed with this new version!
Note that I have never used Emotion, and have not tested the emotion version here. But given that the old version of the React one was identical to the old version of the Emotion one other than one of the require lines at the top, I expect it to be fine.