diff --git a/.changeset/kind-feet-buy.md b/.changeset/kind-feet-buy.md new file mode 100644 index 0000000..680f359 --- /dev/null +++ b/.changeset/kind-feet-buy.md @@ -0,0 +1,5 @@ +--- +"react-three-map": patch +--- + +Fix ThreeJS sync on Mapbox resize. diff --git a/src/core/use-on-add.ts b/src/core/use-on-add.ts index 7cdac70..ca0bd9a 100644 --- a/src/core/use-on-add.ts +++ b/src/core/use-on-add.ts @@ -77,19 +77,11 @@ export function useOnAdd( if (!r3mRef.current.map) return; if (!r3mRef.current.state) return; const canvas = r3mRef.current.map.getCanvas(); - - if (canvas.classList.contains('mapboxgl-canvas')) { - // if mapbox - r3mRef.current.state.size.width = canvas.clientWidth; - r3mRef.current.state.size.height = canvas.clientHeight; - } else { - // if maplibre - r3mRef.current.state.setSize( - canvas.clientWidth, - canvas.clientHeight, - false - ); - } + r3mRef.current.state.setSize( + canvas.clientWidth, + canvas.clientHeight, + false + ); })