fix(useMedia): enhance SSR support by setting state during component mount #2774
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit fc7b336:
|
…out effect To avoid rehydration disturbance, isSmall etc. will always be false to start with.
tujoworker
force-pushed
the
fix/use-media-effect
branch
from
bc177c2 to
fc7b336
Compare
tujoworker
changed the title
langz
approved these changes
Oct 20, 2023
tujoworker
pushed a commit
that referenced
this pull request
Nov 3, 2023
## [10.11.0](v10.10.0...v10.11.0) (2023-11-03) ### ✨ Features * **breakpoints:** media query mixin offset options ([#2773](#2773)) ([d0c4c6d](d0c4c6d)) * **Dropdown:** add Drawerlist theme for Sbanken ([#2649](#2649)) ([3a69d7c](3a69d7c)) * **FormLabel:** rewrite to TypeScript ([#2818](#2818)) ([2b3e419](2b3e419)) * **forms:** add autocomplete (autofill) support ([#2811](#2811)) ([342556c](342556c)) * **forms:** add Norwegian translation to country list ([#2814](#2814)) ([6073ab7](6073ab7)) * **forms:** reset `sessionStorageId` on submit ([#2812](#2812)) ([cbbd9e5](cbbd9e5)) * **PaymentCard:** add styling for other card statuses ([#2777](#2777)) ([#2822](#2822)) ([195b083](195b083)) * **SASS:** add allBetween media query breakpoint mixin ([#2779](#2779)) ([1c8e8ef](1c8e8ef)) * **Section:** add responsive props: breakout, outline, cornerRadius, backgroundColor, textColor and innerSpace ([#2791](#2791)) ([ed3ca99](ed3ca99)) * **skip-link:** sbanken styling ([#2785](#2785)) ([f6d9ea3](f6d9ea3)) * **Space:** add innerSpace prop with media query breakpoints support ([#2790](#2790)) ([3dffb90](3dffb90)) * **Upload:** singular texts when uploading single file ([#2783](#2783)) ([cbf1cb9](cbf1cb9)) ### 🐛 Bug Fixes * **Anchor:** position icon left with target blank sbanken ([#2797](#2797)) ([d2d1779](d2d1779)) * BreadcrumbItem when using to and element props ([#2813](#2813)) ([e7eff2d](e7eff2d)) * **Breadcrumb:** Pass rest props to item when not interactive ([#2798](#2798)) ([72de227](72de227)), closes [/github.com//pull/2676/files#r1368576095](https://github.com/dnbexperience//github.com/dnbexperience/eufemia/pull/2676/files/issues/r1368576095) * **FieldBlock:** add asFieldset property to force use fieldset/legend ([#2780](#2780)) ([bd1faed](bd1faed)) * **FieldBlock:** fix alignment issue when element is fieldset ([#2786](#2786)) ([544424b](544424b)) * **forms:** enhance accessibility by using toggle buttons ([#2781](#2781)) ([aee0113](aee0113)) * **forms:** fix Form.Element type ([#2796](#2796)) ([0b5dfa7](0b5dfa7)) * **forms:** Selection accessibility enhancement by using toggle buttons ([#2795](#2795)) ([6bc6062](6bc6062)) * **forms:** Support undefined in toggle and button fields ([#2775](#2775)) ([a22fad5](a22fad5)) * **GlobalStatus:** remove paragraph tag around title to allow children paragraphs ([#2800](#2800)) ([c0657bb](c0657bb)) * **NumberFormat:** show em dash instead of NaN ([#2784](#2784)) ([ca65f4a](ca65f4a)) * **NumberMask:** as_number should default to locally given decimalSymbol ([#2810](#2810)) ([833f422](833f422)) * **PhoneNumber:** fix spacing prop support ([#2815](#2815)) ([c57e7d1](c57e7d1)), closes [#2807](#2807) * **TypeScript:** fix Grid and Flex export ([#2819](#2819)) ([5316fc0](5316fc0)) * **TypeScript:** make dynamic element prop compatible with e.g. Styled Component elements ([#2778](#2778)) ([8a6b766](8a6b766)) * **useMedia:** enhance SSR support by setting state during component mount ([#2774](#2774)) ([d72aa2b](d72aa2b)) ### 📝 Documentation * display anchors with icons using Anchor's icon prop ([#2801](#2801)) ([57e75ac](57e75ac)) * **FieldBlock:** removes excessive properties header ([e5d9cbe](e5d9cbe)) * **FieldBlock:** removes excessive properties header ([#2788](#2788)) ([bb739ea](bb739ea)) * **FormSet:** spelling in deprecation docs ([#2827](#2827)) ([1bcbf60](1bcbf60)) * **PaymentCard:** sets card_number as required ([#2841](#2841)) ([b58978e](b58978e))
|
🎉 This PR is included in version 10.11.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
To avoid rehydration disturbance. The return values like
isSmallwill now always be false to start with.This should not be a breaking change, because on the client, it results as before.
I have not tested this hook IRL. Maybe someone can do that for me?