Cannot pass in input variables into the <await> tag

[agliga]

Marko Version: 6.0.31

Details

When using await tag I cannot pass in input into a component inside await tag.

Expected Behavior

I should be able to pass in input from the parent. If I remove the input reference, the code renders fine.

Actual Behavior

Getting: An error has occurredTypeError: Cannot read properties of undefined (reading 'attributes') (this is logged from the catch part of the try/catch.

Your Environment

https://github.com/eBay/evo-web/blob/marko6-3d-viewer/packages/evo-marko/src/tags/evo-3d-viewer/index.marko

[DylanPiercey]

The <await> here https://github.com/eBay/evo-web/blob/marko6-3d-viewer/packages/evo-marko/src/tags/evo-3d-viewer/index.marko#L58 is going to run on the server where it doesn't make any sense.

In this case you most likely want to kick off the load in the browser, so the code would be more like:

<let/loading=undefined>
<script>loading = modelViewerLoad()</script>

// later ...

        <await=loading>
            <${`model-viewer`} .../>
        </await>

Could you give that a try?

Alternatively since this is CSR only logic it may be simpler to just do it all client side, eg

<let/ready=false>
<let/error=undefined>

<script>
  try {
    await modelViewerLoad();
    ready = true;
  } catch (err) {
    error = err;
  }
</script>

<if=ready>
  <${`model-viewer`} .../>
</>
<else if=error>
  // show error
</>
<else>
  Loading
</else>

[agliga]

Still getting the same error

    marko_debug_dom.js?v=8d9287a1:690 Uncaught TypeError: Cannot read properties of undefined (reading 'attributes')
    at Module.attrs (marko_debug_dom.js?v=8d9287a1:690:19)
    at index.marko?t=1750789417289:31:6
    at marko_debug_dom.js?v=8d9287a1:1220:9
    at ownerSignal._ (marko_debug_dom.js?v=8d9287a1:1315:5)
    at Object.$setup$if$content2 [as ___signal] (index.marko?t=1750789417289:43:25)
    at runRender (marko_debug_dom.js?v=8d9287a1:2065:36)
    at runRenders (marko_debug_dom.js?v=8d9287a1:2057:7)
    at run (marko_debug_dom.js?v=8d9287a1:1996:5)
    at runTask (marko_debug_dom.js?v=8d9287a1:1135:30)
    at flushAndWaitFrame (marko_debug_dom.js?v=8d9287a1:1146:5)

This is breaking:

function attrs(scope, nodeAccessor, nextAttrs) {
  const el = scope[nodeAccessor];
  for (let i = el.attributes.length; i--; ) {
    const { name } = el.attributes.item(i);
    if (!(nextAttrs && (name in nextAttrs || hasAttrAlias(el, name, nextAttrs)))) {
      el.removeAttribute(name);
    }
  }
  attrsInternal(scope, nodeAccessor, nextAttrs);
}

My guess it it has something to do with <${`model-viewer`}