Some fix for Server components

Author: garronej

src/Button.tsx

@@ -66,6 +66,7 @@ export namespace ButtonProps {
     };
 }
 
+/** @see <https://react-dsfr-components.etalab.studio/?path=/docs/components-button> */
 export const Button = memo(
     forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>((props, ref) => {
         const {

src/ButtonsGroup.tsx

@@ -47,7 +47,7 @@ export namespace ButtonsGroupProps {
     };
 }
 
-/** @see <https://react-dsfr-components.etalab.studio/?path=/docs/components-buttons-group> */
+/** @see <https://react-dsfr-components.etalab.studio/?path=/docs/components-buttonsgroup> */
 export const ButtonsGroup = memo(
     forwardRef<HTMLUListElement, ButtonsGroupProps>((props, ref) => {
         const {

test/integration/next-appdir/app/page.tsx

@@ -1,18 +1,89 @@
 import { ClientComponent } from "../shared/ClientComponent";
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
+import { Badge } from "@codegouvfr/react-dsfr/Badge";
+import { Card } from "@codegouvfr/react-dsfr/Card";
+import { Tabs } from "@codegouvfr/react-dsfr/Tabs";
+import { Summary } from "@codegouvfr/react-dsfr/Summary";
 
 export default function Page() {
 
     return (
         <>
             <h1>Hello World</h1>
+            <Summary
+                links={[
+                    {
+                        linkProps: {
+                            href: '#'
+                        },
+                        text: 'Titre de l’ancre'
+                    },
+                    {
+                        linkProps: {
+                            href: '#'
+                        },
+                        text: 'Titre de l’ancre'
+                    },
+                    {
+                        linkProps: {
+                            href: '#'
+                        },
+                        text: 'Titre de l’ancre'
+                    },
+                    {
+                        linkProps: {
+                            href: '#'
+                        },
+                        text: 'Titre de l’ancre'
+                    },
+                    {
+                        linkProps: {
+                            href: '#'
+                        },
+                        text: 'Titre de l’ancre'
+                    }
+                ]}
+            />
             <ClientComponent />
             <Alert
                 closable
                 description="Everything went well"
                 severity="success"
                 title="Message successfully sent"
             />
+            <Badge
+                label="Label badge"
+                severity="success"
+            />
+            <Card
+                desc="Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et"
+                enlargeLink
+                imageAlt="texte alternatif de l’image"
+                imageUrl="https://www.systeme-de-design.gouv.fr/img/placeholder.16x9.png"
+                linkProps={{
+                    href: '#'
+                }}
+                title="Intitulé de la carte (sur lequel se trouve le lien)"
+            />
+            <Tabs
+                label="Name of the tabs system"
+                tabs={[
+                    {
+                        content: <p>Content of tab1</p>,
+                        iconId: 'fr-icon-add-line',
+                        label: 'Tab 1'
+                    },
+                    {
+                        content: <p>Content of tab2</p>,
+                        iconId: 'fr-icon-ball-pen-fill',
+                        label: 'Tab 2'
+                    },
+                    {
+                        content: <p>Content of tab3</p>,
+                        label: 'Tab 3'
+                    }
+                ]}
+            />
         </>
     );