🩹 Hydration-error endelig fiksa

Feilen var at description (<p>-tag) ikke kan inneholde andre elementer som ikke er til bruk i paragrafer (i dette tilfellet en <div>)

Co-authored-by: Amalie Erdal Mansåker <amalie.erdal.mansaker@nav.no>
Co-authored-by: Markus A. R. Johansen <markus.aleksander.rakil.johansen@nav.no>
This commit is contained in:
Sindre Kjelsrud 2023-07-06 12:23:31 +02:00
parent 8b8258dba9
commit e74a477e10

View file

@ -3,11 +3,11 @@ import { ExpansionCard, Tag } from "@navikt/ds-react";
const TagBar = () => { const TagBar = () => {
return ( return (
<div> <div className="flex gap-8">
<Tag variant="info">Jobbes med</Tag> <Tag variant="info">Jobbes med</Tag>
<div> <div className="flex gap-2">
<Tag variant="neutral">Spleiselaget</Tag> <Tag variant="neutral">Spleiselaget</Tag>
<Tag variant="neutral">Haster</Tag> <Tag variant="warning">Haster</Tag>
</div> </div>
</div> </div>
) )
@ -19,9 +19,9 @@ const FeilCard = () => {
<ExpansionCard.Header> <ExpansionCard.Header>
<ExpansionCard.Title>Dummy</ExpansionCard.Title> <ExpansionCard.Title>Dummy</ExpansionCard.Title>
<ExpansionCard.Description> <ExpansionCard.Description>
<p>Dummy Dummy Java</p> Dummy Dummy Java
<TagBar />
</ExpansionCard.Description> </ExpansionCard.Description>
<TagBar />
</ExpansionCard.Header> </ExpansionCard.Header>
<ExpansionCard.Content> <ExpansionCard.Content>
Hællæ Hællæ