This error occurred in the <Graphics> component on run dev

[Zaniyar]

$npm i $npm run dev

after selecting player:

hydration-error-info.js:24 The above error occurred in the <Graphics> component:

    at Graphics
    at Container
    at JukeBox (webpack-internal:///(app-client)/./src/components/JukeBox.tsx:19:11)
    at Container
    at Container
    at Camera (webpack-internal:///(app-client)/./src/components/Camera.tsx:11:11)
    at AnimationsProvider (webpack-internal:///(app-client)/./src/providers/animations.tsx:93:11)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.