cant use Marker: "TypeError: Cannot read properties of null (reading 'getSize')" and "Cannot find layer to be removed"

[OndrosI]

Hi, when i use default marker, i get this error

TypeError: Cannot read properties of null (reading 'getSize')

My code is:

<Map height="200px" center={{lat: 55.604890000000005, lng: 8.97171}}>
          <MarkerLayer>
            <Marker coords={{lat: 55.60501000000001, lng: 8.97171}} />
          </MarkerLayer>
        </Map>

i use next.js

trace:

Unhandled Runtime Error Error: Cannot find layer to be removed

Unhandled Runtime Error
Error: Cannot find layer to be removed

Call Stack
SMap.removeLayer
https://api.mapy.cz/js/api/v4/smap-jak.js (519:68481)
eval
node_modules/react-mapycz/lib/MarkerLayer.js (38:0)
safelyCallDestroy
node_modules/react-dom/cjs/react-dom.development.js (22932:0)
commitHookEffectListUnmount
node_modules/react-dom/cjs/react-dom.development.js (23100:0)
commitPassiveUnmountInsideDeletedTreeOnFiber
node_modules/react-dom/cjs/react-dom.development.js (25098:0)
commitPassiveUnmountEffectsInsideOfDeletedTree_begin
node_modules/react-dom/cjs/react-dom.development.js (25048:0)
commitPassiveUnmountEffects_begin
node_modules/react-dom/cjs/react-dom.development.js (24956:0)
commitPassiveUnmountEffects
node_modules/react-dom/cjs/react-dom.development.js (24941:0)
flushPassiveEffectsImpl
node_modules/react-dom/cjs/react-dom.development.js (27038:0)
flushPassiveEffects
node_modules/react-dom/cjs/react-dom.development.js (26984:0)
commitRootImpl
node_modules/react-dom/cjs/react-dom.development.js (26935:0)
commitRoot
node_modules/react-dom/cjs/react-dom.development.js (26682:0)
performSyncWorkOnRoot
node_modules/react-dom/cjs/react-dom.development.js (26117:0)
flushSyncCallbacks
node_modules/react-dom/cjs/react-dom.development.js (12042:0)
flushPassiveEffectsImpl
node_modules/react-dom/cjs/react-dom.development.js (27060:0)
flushPassiveEffects
node_modules/react-dom/cjs/react-dom.development.js (26984:0)
eval
node_modules/react-dom/cjs/react-dom.development.js (26769:0)
workLoop
node_modules/scheduler/cjs/scheduler.development.js (266:0)
flushWork
node_modules/scheduler/cjs/scheduler.development.js (239:0)
MessagePort.performWorkUntilDeadline
node_modules/scheduler/cjs/scheduler.development.js (533:0)

and

Unhandled Runtime Error
TypeError: Cannot read properties of null (reading 'getSize')

Call Stack
SMap.Layer.Marker.redraw
https://api.mapy.cz/js/api/v4/smap-jak.js (519:222654)
SMap.Layer.Marker.addMarker
https://api.mapy.cz/js/api/v4/smap-jak.js (519:218333)
eval
node_modules/react-mapycz/lib/Marker.js (63:0)
commitHookEffectListMount
node_modules/react-dom/cjs/react-dom.development.js (23150:0)
invokePassiveEffectMountInDEV
node_modules/react-dom/cjs/react-dom.development.js (25154:0)
invokeEffectsInDev
node_modules/react-dom/cjs/react-dom.development.js (27351:0)
commitDoubleInvokeEffectsInDEV
node_modules/react-dom/cjs/react-dom.development.js (27330:0)
flushPassiveEffectsImpl
node_modules/react-dom/cjs/react-dom.development.js (27056:0)
flushPassiveEffects
node_modules/react-dom/cjs/react-dom.development.js (26984:0)
eval
node_modules/react-dom/cjs/react-dom.development.js (26769:0)
workLoop
node_modules/scheduler/cjs/scheduler.development.js (266:0)
flushWork
node_modules/scheduler/cjs/scheduler.development.js (239:0)
MessagePort.performWorkUntilDeadline
node_modules/scheduler/cjs/scheduler.development.js (533:0)

[kolebjak]

Hey @OndrosI 👋 , unfortunately this library is client side only, won't work with next.js ssr. Try to use client only setup.