docs: generate medusa-react reference (#6004)

* add new plugin for better organization

* added handling in theme for mutations and query types

* added tsdoc to hooks

* added tsdocs to utility functions

* added tsdoc to providers

* generated reference

* general fixes for generated reference

* generated api reference specs + general fixes

* add missing import react

* split utilities into different directories

* added overview page

* added link to customer authentication section

* fix lint errors

* added changeset

* fix readme

* fixed build error

* added expand fields + other sections to overview

* updated what's new section

* general refactoring

* remove unnecessary query field

* fix links

* added ignoreApi option

www/packages/docs-ui/package.json

@@ -63,7 +63,7 @@
     "@react-hook/resize-observer": "^1.2.6",
     "@segment/analytics-next": "^1.55.0",
     "algoliasearch": "^4.20.0",
-    "prism-react-renderer": "^2.3.0",
+    "prism-react-renderer": "2.3.1",
     "react-google-recaptcha": "^3.1.0",
     "react-instantsearch": "^7.0.3",
     "react-markdown": "^8.0.7",

www/packages/docs-ui/src/components/CodeBlock/index.tsx

@@ -44,7 +44,7 @@ export const CodeBlock = ({
           },
         }}
         code={source.trim()}
-        language={lang}
+        language={lang.toLowerCase()}
         {...rest}
       >
         {({
@@ -71,7 +71,7 @@ export const CodeBlock = ({
                 )}
               >
                 {tokens.map((line, i) => {
-                  const lineProps = getLineProps({ line })
+                  const lineProps = getLineProps({ line, key: i })
                   return (
                     <span
                       key={i}
@@ -90,7 +90,7 @@ export const CodeBlock = ({
                       )}
                       <span>
                         {line.map((token, key) => (
-                          <span key={key} {...getTokenProps({ token })} />
+                          <span key={key} {...getTokenProps({ token, key })} />
                         ))}
                       </span>
                     </span>