Smooth Zoom with Next.js and laggy Zoom with Blitz.js using same basic code

[tom-richter]

Description

I created a minimal react-map-gl example in next.js and blitz.js. In a plain next.js project I don't have any issues, however using the same code in a blitz.js projects makes zooming in the map quite laggy, especially if you zoom in and out quickly. Here is a repo with two example projects using mapbox with blitz and react. Here is the deployed next-app: https://mapbox-next.onrender.com/ and here the blitz app: https://blitzapp-dd2m.onrender.com/ . Note how laggy the map is in the blitz app, in particular if you use the scroll wheel to zoom in and out. Does anybody have an idea how to debug this?

Environment (please complete the following information):

• Library Version: [e.g. react-map-gl 6.1.10]
• Mapbox Version: [e.g. mapbox-gl 2.1.1]
• Browser Version: [e.g. Firefox 73]
• OS: [e.g. Ubuntu 20.04]

Blitz.js Variant

"react": "0.0.0-experimental-3310209d0"
"blitz": "0.33.0"

Next.js Variant

"react": "17.0.1"
"next": "10.0.9"