Found out what the bug in MDX is

garronej · garronej · commit b52f3b07b3e9 · 2022-11-25T12:55:02.000+01:00
diff --git a/docs/Markdown.tsx b/docs/Markdown.tsx
@@ -113,7 +113,6 @@ const createCode = memoize((doShowLineNumber: boolean) => {
                 "display": doShowLineNumber ? undefined : "none !important"
             },
             '& [data="highlight"]': {
-                // Your custom line highlight styles here
                 "background": isDark ? "#37394e" : "#efefef",
                 "margin": "0 -1.5rem",
                 "padding": "0 1.5rem"
diff --git a/docs/quick-start.stories copy.mdx.2.disabled b/docs/quick-start.stories copy.mdx.2.disabled
diff --git a/docs/quick-start.stories.mdx b/docs/quick-start.stories.mdx
@@ -21,81 +21,26 @@ import { Markdown } from "./Markdown";
 # 🔧 Initial setup  
 
 _Setup `@codegouvfr/react-dsfr` in your project_
- 
-<Alert 
-	severity="warning" 
-	title="Warning: If you already had the DSFR installed in your project" 
-	isClosable
-	description={<Markdown>{`
-* Remove [\`@gouvfr/dsfr\`](https://www.npmjs.com/package/@gouvfr/dsfr) from your dependencies.
-* Remove all imports: \`dsfr.css\`, \`dsfr.module.js\` the favicon and the fonts.
-* Remove the \`data-fr-scheme\` (and \`data-fr-theme\` ) attribude from your \`<html/>\` tag.`
-	}</Markdown>}
-/>
 
-```bash
+
+<Markdown>{`
+\`\`\`bash {0}
 yarn add @codegouvfr/react-dsfr # Or: 'npm install --save @codegouvfr/react-dsfr'
-```
+\`\`\`
+`}</Markdown>
 
-export const craContent = <Markdown>{`
+
+<Markdown>{`
 #### package.json
   
-\`\`\`diff {0}
+\`\`\`diff
  "scripts": {
 +  "postinstall": "copy-dsfr-to-public"
 +  "prestart": "only-include-used-icons",
 +  "prebuild": "only-include-used-icons"
  }
 \`\`\`
   
-\`copy-dsfr-to-public\` is a \`bin\` script of \`@codegouvfr/react-dsfr\` that copies \`@gouvfr/dsfr/dist\` into \`public/dsfr\`
-  
-#### .gitignore
-  
-\`\`\`diff {0}
-+ /public/dsfr
-\`\`\`
-  
-#### public/index.html
-  
-Add the following code in the \`<head />\`
   
-\`\`\`ejs {0}
-<link rel="apple-touch-icon" href="%PUBLIC_URL%/dsfr/favicon/apple-touch-icon.png" />
-<link rel="icon" href="%PUBLIC_URL%/dsfr/favicon/favicon.svg" type="image/svg+xml" />
-<link rel="shortcut icon" href="%PUBLIC_URL%/dsfr/favicon/favicon.ico" type="image/x-icon" />
-<link rel="manifest" href="%PUBLIC_URL%/dsfr/favicon/manifest.webmanifest" crossorigin="use-credentials" />
-<link rel="stylesheet" href="%PUBLIC_URL%/dsfr/dsfr.min.css" />
-<link rel="stylesheet" href="%PUBLIC_URL%/dsfr/utility/icons/icons.min.css" />
-\`\`\`
-  
-#### src/index.tsx
-  
-\`\`\`diff {0}
- import React from 'react';
- import ReactDOM from 'react-dom/client';
- import App from './App';
-+import { startDsfrReact } from "@codegouvfr/react-dsfr";
-+startDsfrReact({ "defaultColorScheme": "system" });
- const root = ReactDOM.createRoot(
-   document.getElementById('root') as HTMLElement
- );
- root.render(
-   <React.StrictMode>
-     <App />
-   </React.StrictMode>
- );
-\`\`\`
-  
-You can find an example setup [here](https://github.com/codegouvfr/dsfr-react/tree/main/src/test/frameworks/cra).
-  
-`}</Markdown>;
+`}</Markdown>
 
-
-<Tabs
-    tabs={[
-        { "label": "Create React App", "content": craContent },
-        { "label": "Tab 2", "iconId": "fr-icon-ball-pen-fill", "content": <p>Content of tab2</p>  },
-        { "label": "Tab 3", "content": <p>Content of tab3</p> }
-    ]}
-/>
diff --git a/src/lib/tools/memoize.ts b/src/lib/tools/memoize.ts
@@ -11,8 +11,6 @@ export function memoize<Args extends (number | boolean | string)[], R>(
     return ((...args: Args) => {
         const key = JSON.stringify(args.slice(0, argsLength).join("-sIs9sAslOdeWlEdIos3-"));
 
-        console.log(key, JSON.stringify({ argsLength, args }));
-
         if (key in cache) {
             return cache[key];
         }

Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,6 @@ export function memoize<Args extends (number \| boolean \| string)[], R>(`
`11`	`11`	`return ((...args: Args) => {`
`12`	`12`	`const key = JSON.stringify(args.slice(0, argsLength).join("-sIs9sAslOdeWlEdIos3-"));`
`13`	`13`
`14`		`- console.log(key, JSON.stringify({ argsLength, args }));`
`15`		`-`
`16`	`14`	`if (key in cache) {`
`17`	`15`	`return cache[key];`
`18`	`16`	`}`