[email protected] is not compatible with peer dep [email protected]

[Yashkanekar]

Could not resolve dependency: peer mapbox-gl@"^0.41.0 <2.0.0" from @mapbox/[email protected] node_modules/@mapbox/mapbox-gl-directions @mapbox/mapbox-gl-directions@"^4.1.1" from the root project

[jjankovich2]

Having the same issue, any luck?

[Yashkanekar]

The peer dep conflict still persists i used npm i -force to install the deps forcefullly to get around the strict warning policies of npm

[jjankovich2]

Did it work? I had issues when trying to force

[kick]

Did it work? I had issues when trying to force

I also did npm i -force. I'm running NextJS 13.3 React 18. What worked for me was using useSWR to include the component that is loading mapgox-gl-directions

locations.js

import dynamic from "next/dynamic";
const Map = dynamic(() => import("@/components/ui/map"), {
        ssr: false,
    });

map.js

import * as MapboxDirections from "@mapbox/mapbox-gl-directions/dist/mapbox-gl-directions";
`const directions = new MapboxDirections...`

[tonviet712]

same issue use npm i -force is not good when you have ci/cd

[knbap-codes]

any updates on this?

[gerardo-rodriguez]

Same issue.

$ npm install @mapbox/mapbox-gl-directions --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/mapbox-gl
npm ERR!   dev mapbox-gl@"^2.15.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer mapbox-gl@"^0.41.0 <2.0.0" from @mapbox/[email protected]
npm ERR! node_modules/@mapbox/mapbox-gl-directions
npm ERR!   @mapbox/mapbox-gl-directions@"*" from the root project

[romainlouvet]

any updates ?