fix: storybook mdx files

[Manukyanq]

On main branch guidebook page written in MDX format has been broken. The problem is some uncertain dependency update conflict and the solution I found here:

storybookjs/storybook#18094 (comment)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-chessboard	❌ Failed (Inspect)			May 19, 2024 6:51pm

[Manukyanq]

@Clariity please share buid logs on Vercel, locally all build scripts work fine for me 🥹

[Clariity]

Running "install" command: npm install...

19:51:30.079 | npm ERR! code ERESOLVE
19:51:30.224 | npm ERR! ERESOLVE could not resolve
19:51:30.224 | npm ERR!
19:51:30.224 | npm ERR! While resolving: @mdx-js/[email protected]
19:51:30.224 | npm ERR! Found: [email protected]
19:51:30.224 | npm ERR! node_modules/react
19:51:30.225 | npm ERR! dev react@"^18.2.0" from the root project
19:51:30.225 | npm ERR! peer react@">= 16.8.6" from @design-systems/[email protected]
19:51:30.225 | npm ERR! node_modules/@design-systems/utils
19:51:30.225 | npm ERR! @design-systems/utils@"2.12.0" from @devtools-ds/[email protected]
19:51:30.225 | npm ERR! node_modules/@devtools-ds/themes
19:51:30.225 | npm ERR! @devtools-ds/themes@"^1.2.1" from @devtools-ds/[email protected]
19:51:30.225 | npm ERR! node_modules/@devtools-ds/object-inspector
19:51:30.225 | npm ERR! @devtools-ds/object-inspector@"^1.1.2" from @storybook/[email protected]
19:51:30.225 | npm ERR! node_modules/@storybook/addon-interactions
19:51:30.225 | npm ERR! 1 more (@devtools-ds/tree)
19:51:30.225 | npm ERR! 122 more (@devtools-ds/object-inspector, @devtools-ds/themes, ...)
19:51:30.225 | npm ERR!
19:51:30.225 | npm ERR! Could not resolve dependency:
19:51:30.225 | npm ERR! peer react@"^16.13.1 || ^17.0.0" from @mdx-js/[email protected]
19:51:30.225 | npm ERR! node_modules/@mdx-js/react
19:51:30.225 | npm ERR! dev @mdx-js/react@"^1.6.22" from the root project
19:51:30.225 | npm ERR! @mdx-js/react@"^1.6.22" from @storybook/[email protected]
19:51:30.225 | npm ERR! node_modules/@storybook/addon-docs
19:51:30.225 | npm ERR! @storybook/addon-docs@"6.5.16" from @storybook/[email protected]
19:51:30.225 | npm ERR! node_modules/@storybook/addon-essentials
19:51:30.225 | npm ERR! dev @storybook/addon-essentials@"^6.5.15" from the root project
19:51:30.225 | npm ERR!
19:51:30.225 | npm ERR! Conflicting peer dependency: [email protected]
19:51:30.225 | npm ERR! node_modules/react
19:51:30.225 | npm ERR! peer react@"^16.13.1 || ^17.0.0" from @mdx-js/[email protected]
19:51:30.225 | npm ERR! node_modules/@mdx-js/react
19:51:30.225 | npm ERR! dev @mdx-js/react@"^1.6.22" from the root project
19:51:30.225 | npm ERR! @mdx-js/react@"^1.6.22" from @storybook/[email protected]
19:51:30.225 | npm ERR! node_modules/@storybook/addon-docs
19:51:30.225 | npm ERR! @storybook/addon-docs@"6.5.16" from @storybook/[email protected]
19:51:30.225 | npm ERR! node_modules/@storybook/addon-essentials
19:51:30.226 | npm ERR! dev @storybook/addon-essentials@"^6.5.15" from the root project
19:51:30.226 | npm ERR!
19:51:30.226 | npm ERR! Fix the upstream dependency conflict, or retry
19:51:30.226 | npm ERR! this command with --force, or --legacy-peer-deps
19:51:30.226 | npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
19:51:30.226 | npm ERR!
19:51:30.226 | npm ERR! See /vercel/.npm/eresolve-report.txt for a full report.
19:51:30.226 |  
19:51:30.226 | npm ERR! A complete log of this run can be found in:
19:51:30.226 | npm ERR! /vercel/.npm/_logs/2024-05-19T18_51_23_079Z-debug-0.log
19:51:30.254 | Error: Command "npm install" exited with 1

@Manukyanq here you go

[Clariity]

probably worth just upgrading storybook to latest

[Manukyanq]

Thanks! I will try

[Clariity]

Updated and fixed on main