diff --git a/example-ts/src/pages/components/Badges.tsx b/example-ts/src/pages/components/Badges.tsx
index f3e3f84..e2fb9ac 100644
--- a/example-ts/src/pages/components/Badges.tsx
+++ b/example-ts/src/pages/components/Badges.tsx
@@ -2,14 +2,15 @@ import {
   Alert,
   Badge,
   BadgeGroup,
+  Breadcrumb,
+  Col,
   Container,
+  Link,
   Row,
-  Col,
-  Title,
   Text,
-  Link,
-  Breadcrumb,
+  Title,
 } from "@dataesr/dsfr-plus";
+
 import Playground from "../../components/Playground";
 
 const badge = `
diff --git a/src/hooks/useDSFRConfig.tsx b/src/hooks/useDSFRConfig.tsx
index 859f7b1..177b697 100644
--- a/src/hooks/useDSFRConfig.tsx
+++ b/src/hooks/useDSFRConfig.tsx
@@ -57,6 +57,18 @@ export const DSFRConfig = ({
       } else {
         console.error("dsfr.start is not a function");
       }
+      (window as any).dsfr = {
+        verbose,
+        mode: "manual",
+      };
+
+      // @ts-expect-error
+      await import("@gouvfr/dsfr/dist/dsfr/dsfr.module.min");
+      await import("@gouvfr/dsfr/dist/utility/utility.css");
+      await import("@gouvfr/dsfr/dist/dsfr.css");
+      // @ts-expect-error
+      window.dsfr.start();
+      setDSFRStarted(true);
     };
     const defaultPreferedTheme = window.matchMedia(
       "(prefers-color-scheme: dark)"