filahf / r3f-spotify-game Goto Github PK

package install only works with --force, and breaks upon game loading after spotify verification. appears to be an issue with chakra-ui which utilizes @emotion-styled.

error I receive after spotify verification:

Unhandled Runtime Error
ContextError: useStyles: styles is undefined. Seems you forgot to wrap the components in <StylesProvider />

Source
src\hooks\useSpotifyPlayer.ts (34:6) @ window.onSpotifyWebPlaybackSDKReady

32 | })
33 |

34 | useStore.setState({ spotifyWebPlayer: player })
| ^
35 |
36 | player.addListener('not_ready', ({ device_id }) => {
37 | console.error('Device ID has gone offline', device_id)

installation error (no --force tag just npm install):

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @chakra-ui/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.2" from the root project
npm ERR! peer react@">=16.8.6" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/accordion
npm ERR! @chakra-ui/accordion@"1.4.12" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/react
npm ERR! @chakra-ui/react@"^1.8.6" from the root project
npm ERR! 1 more (chakra-ui-steps)
npm ERR! 89 more (@chakra-ui/alert, @chakra-ui/avatar, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@">=18" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/system
npm ERR! @chakra-ui/system@"^2.6.1" from the root project
npm ERR! peer @chakra-ui/system@">=1.0.0" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/accordion
npm ERR! @chakra-ui/accordion@"1.4.12" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/react
npm ERR! @chakra-ui/react@"^1.8.6" from the root project
npm ERR! 1 more (chakra-ui-steps)
npm ERR! 37 more (@chakra-ui/alert, @chakra-ui/anatomy, ...)
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@">=18" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/system
npm ERR! @chakra-ui/system@"^2.6.1" from the root project
npm ERR! peer @chakra-ui/system@">=1.0.0" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/accordion
npm ERR! @chakra-ui/accordion@"1.4.12" from @chakra-ui/[email protected]
npm ERR! node_modules/@chakra-ui/react
npm ERR! @chakra-ui/react@"^1.8.6" from the root project
npm ERR! 1 more (chakra-ui-steps)
npm ERR! 37 more (@chakra-ui/alert, @chakra-ui/anatomy, ...)
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

I'll keep playing with it while I hope for a reply.