feat: Add bundles

src/components/Redoc/Redoc.tsx

@@ -40,8 +40,6 @@ export class Redoc extends React.Component<RedocProps> {
     } = this.props;
     const store = this.props.store;
 
-    console.log('components', components);
-
     return (
       <ThemeProvider theme={options.theme}>
         <StoreProvider value={this.props.store}>
@@ -65,7 +63,7 @@ export class Redoc extends React.Component<RedocProps> {
                   <ApiInfo store={store} />
                   {markdownIndex &&
                     markdownIndex.components.map((MDXComponent, idx) => {
-                      return <MDXComponent key={`mdxsection-${idx}`} />;
+                      return <MDXComponent key={`mdx-${idx}`} />;
                     })}
                   <ContentItems items={menu.items as any} />
                 </ApiContentWrap>

src/markdown/code/Highlighter/index.tsx

@@ -13,7 +13,6 @@ const OverflowHighlighter = styled.pre`
 `;
 
 const Highlighter: React.FC<Props> = ({ children, className }) => {
-  console.log('className', className);
   const language = className ? className.replace(/language-/, '').trim() : 'bash';
 
   if (!children) {

src/markdown/components.tsx

@@ -64,12 +64,10 @@ const Wrapper = ({ children }) => {
 
   const sections = getSections(children);
 
-  console.log('sections', sections);
-
   return (
     <>
       {sections.map((section) => (
-        <Section key={`resection-${section.id}`} id={section.id}>
+        <Section key={`section-${section.id}`} id={section.id}>
           <Row id={section.id}>
             {section.middle && <MiddlePanel>{section.middle}</MiddlePanel>}
             {section.right && <DarkRightPanel>{section.right}</DarkRightPanel>}