I've encountered a strange issue where I'm using lit until to wait for a promise to return the template, but instead of the desired output, the until's function code is being rendered. For example:
render() {
return html`
<div class="small-tool-card">
${this.renderProductLogo(product)}
<div class="text-container">
${this.renderProductTitle(product)}
${until(
this.renderTryLink(product),
html`
loading...
`
)}
</div>
</div>
`;
}
Instead of displaying "loading..." or the expected output from renderTryLink(), which returns a promise that resolves to html``, I'm seeing the following code being rendered:
(part) => { let state = _state.get(part); if (state === undefined) { state = { lastRenderedIndex: _infinity, values: [], }; _state.set(part, state); } const previousValues
Any assistance would be greatly appreciated. Thank you.