search

nl-design-system / rijkshuisstijl-community

Unofficial Rijkshuisstijl components and design tokens based on the NL Design System architecture. This project is not endorsed by the Dutch Ministry of General Affairs.
https://rijkshuisstijl-community.vercel.app/
European Union Public License 1.2
6 stars 4 forks source link

Oplossen console errors/warnings Storybook #849

Open JoeriRoijenga opened 3 weeks ago

JoeriRoijenga commented 3 weeks ago

Bij het lokaal draaien (en in sommige gevallen op productie) staan nog errors of warnings in de console van de browser. Dit zijn niet altijd baanbrekende problemen, maar zouden voor de netheid wel opgelost moeten worden.

Een voorbeeld hiervoor is deze pagina, hier staat in de console:

Error: Uncaught TypeError: Failed to resolve module specifier "@rijkshuisstijl-community/web-components-stencil/loader/index.js". Relative references must start with either "/", "./", or "../". Warning: runtime.js:4705 The preview.js 'globals' field is deprecated and will be removed in Storybook 9.0. Please use 'initialGlobals' instead.

JoeriRoijenga commented 1 week ago

Warning: Style property values shouldn't contain a semicolon. Try "strokeWidth: 0px" instead

This warning should probably be fixed with in Utrecht themselves: https://github.com/nl-design-system/utrecht/blob/b0b2faebd97b11b97ac50667ab0fb6d83da790f6/packages/component-library-react/src/Accordion.tsx#L28C9-L29C1

GerwinTerpstra commented 6 days ago

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

Zowel de Card als de Link (van Utrecht) component is een anchor. In Card zit nu een Link wat resulteert in nested anchors.

https://rijkshuisstijl-community-git-fix-errors-nl-design-system.vercel.app/?path=/docs/rhc-card--docs