Fix minor docs issue

szhsin · Jul 31, 2024 · 255664b · 255664b
1 parent a386d7b
commit 255664b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/example/src/components/Example.js b/example/src/components/Example.js
@@ -123,7 +123,7 @@ export const Example = React.memo(
         </div>
 
         {sourceCode && (
-          <pre className={bem(blockName, 'source')}>
+          <pre key={sourceCode.length} className={bem(blockName, 'source')}>
             <code className="lang-jsx">{sourceCode}</code>
           </pre>
         )}

diff --git a/example/src/data/codeExamples.js b/example/src/data/codeExamples.js
@@ -22,7 +22,7 @@ export const basicMenu = {
 
   fullSource: `import { Menu, MenuItem, MenuButton } from '@szhsin/react-menu';
 import '@szhsin/react-menu/dist/index.css';
-import '@szhsin/react-menu/dist/transitions/slide.css';
+import '@szhsin/react-menu/dist/transitions/zoom.css';
 
 export default function Example() {
   return (
@@ -955,7 +955,7 @@ export const menuStateHook = {
   fullSource: `import { useRef } from 'react';
 import { ControlledMenu, MenuItem, useClick, useMenuState } from '@szhsin/react-menu';
 import '@szhsin/react-menu/dist/index.css';
-import '@szhsin/react-menu/dist/transitions/slide.css';
+import '@szhsin/react-menu/dist/transitions/zoom.css';
 
 export default function () {
   const ref = useRef(null);
@@ -1005,7 +1005,7 @@ export const hoverMenu = {
   fullSource: `import { useRef, useState } from 'react';
 import { ControlledMenu, MenuItem, useHover, useMenuState } from '@szhsin/react-menu';
 import '@szhsin/react-menu/dist/index.css';
-import '@szhsin/react-menu/dist/transitions/slide.css';
+import '@szhsin/react-menu/dist/transitions/zoom.css';
 
 const HoverMenu = () => {
   const ref = useRef(null);