help with v9 instancing example

[cornhundred]

Hi, l am trying to use instancing with luma.gl and deck.gl v9. Would anyone know how to update the example Hello Instancing to be compatible? This is related to a discussion I raised here visgl/deck.gl#9233

I was able to get a v9 version of Hello Triangle working on ObservableHQ Deck.gl v9 Custom Layer but I am unsure how to upgrade the instancing example here Deck.gl v9 Custom Layer - instancing

I'm seeing the following errors

dist.min.js:1676 luma.gl: Model "unnamed: Ignoring constant supplied for unknown attribute "instancePickingColors"
setConstantAttributes @ dist.min.js:1676
_setModelAttributes @ dist.min.js:1785
updateAttributes @ dist.min.js:1785
_updateAttributes @ dist.min.js:1785
_postUpdate @ dist.min.js:1785
_update @ dist.min.js:1785
_initialize @ dist.min.js:1785
_initializeLayer @ dist.min.js:1707
_updateSublayersRecursively @ dist.min.js:1707
_updateLayers @ dist.min.js:1707
setLayers @ dist.min.js:1707
updateLayers @ dist.min.js:1707
_onRenderFrame @ dist.min.js:1708
_renderFrame @ dist.min.js:1676
redraw @ dist.min.js:1676
_animationFrame @ dist.min.js:1676
requestAnimationFrame
D0 @ dist.min.js:106
_requestAnimationFrame @ dist.min.js:1676
start @ dist.min.js:1676
await in start
Kl @ dist.min.js:1708
Jf @ dist.min.js:3831
eval @ observablehq-30:3
(anonymous) @ worker-DfKuigH-.js:2
Promise.then
Qr @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
(anonymous) @ worker-DfKuigH-.js:2
Promise.then
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
Ur @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
_a @ worker-DfKuigH-.js:2
define @ worker-DfKuigH-.js:2
hs @ worker-DfKuigH-.js:2
(anonymous) @ worker-DfKuigH-.js:2Understand this warningAI
dist.min.js:1676 luma.gl: Module picking not found
setProps @ dist.min.js:1676
setShaderModuleProps @ dist.min.js:1785
_postUpdate @ dist.min.js:1785
_update @ dist.min.js:1785
_initialize @ dist.min.js:1785
_initializeLayer @ dist.min.js:1707
_updateSublayersRecursively @ dist.min.js:1707
_updateLayers @ dist.min.js:1707
setLayers @ dist.min.js:1707
updateLayers @ dist.min.js:1707
_onRenderFrame @ dist.min.js:1708
_renderFrame @ dist.min.js:1676
redraw @ dist.min.js:1676
_animationFrame @ dist.min.js:1676
requestAnimationFrame
D0 @ dist.min.js:106
_requestAnimationFrame @ dist.min.js:1676
start @ dist.min.js:1676
await in start
Kl @ dist.min.js:1708
Jf @ dist.min.js:3831
eval @ observablehq-30:3
(anonymous) @ worker-DfKuigH-.js:2
Promise.then
Qr @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
(anonymous) @ worker-DfKuigH-.js:2
Promise.then
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
Ur @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
value @ worker-DfKuigH-.js:2
_a @ worker-DfKuigH-.js:2
define @ worker-DfKuigH-.js:2
hs @ worker-DfKuigH-.js:2
(anonymous) @ worker-DfKuigH-.js:2Understand this warningAI
dist.min.js:1708 luma.gl: Unknown binding "colorUniforms" in render pipeline "unnamed-cached", expected one of 

[ibgreen]

FWIW, the hello-instancing example on the website, which is built from the example source in the repo, seems to work?
https://luma.gl/examples/tutorials/hello-instancing

[cornhundred]

Thanks, I'll try to get it to work on ObservableHQ and confirm.