No longer possible to specify shadow map type with latest r3f - what's the recommended way to use a different type of shadow map?

[oveddan]

As of the latest r3f, you can no longer do:

<Canvas
  shadowMap={{ enabled: true, type: "BasicShadowMap"}}
  
>
</Canvas>

However acccording to the typescript documentation, you can pass a WebGLShadowMap to the shadows prop.

What's the proper way to instansiate that shadow map? Any code samples?

[drcmda]

it's shadows now, but offers the same functionality. this was done in an effort to make props more consistent, before you had a weird lowercase camelCase mixup. you don't need enabled

  // Set shadowmap
  if (shadows) {
    gl.shadowMap.enabled = true
    if (typeof shadows === 'object') Object.assign(gl.shadowMap, shadows)
    else gl.shadowMap.type = THREE.PCFSoftShadowMap
  }

[oveddan]

This is how you'd set it the new way?

[drcmda]

no, these are internals

<Canvas shadows={{ type: "BasicShadowMap" }}

[RedRoosterMobile]

more like this, no?
shadows={{ type: THREE.BasicShadowMap }}