Vue3 SDK v1.0.6 errors

Technical Questions
1

[Vue warn]: Extraneous non-props attributes (linkComponent) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

[Vue warn]: Failed setting prop "attributes" on <section>: value [object Object] is invalid. TypeError: Cannot set property attributes of #<Element> which has only a getter

1 Like
2

Hi @tubstrr ,

Thank you for highlighting the warning issue on the forum. We’re aware of it, and it’s on our plan to resolve. While it’s not scheduled for immediate action, rest assured, it’s in our backlog. Your vigilance helps us improve, and we appreciate your contribution to the community.

3

We have updated the SDK so the latest versions only receive props that are specifically requested, which should remove these warnings:

these warnings should be benign, but if you did want to remove them we would recommend updating your Vue config to filter out these warnings using

// add this `warnHandler` to filter out the Builder prop warnings
app.config.warnHandler = (msg, vm, trace) => {
  const isExtraneousAttrsWarning = msg.startsWith('Extraneous non-props attributes (');
  const buidlerProps = ['builderBlock', 'builderContext', 'linkComponent'];

  // ignore warnings for builder props
  if (isExtraneousAttrsWarning && buidlerProps.some(prop => msg.includes(prop))) {
    return;
  }

  console.warn('[Vue warn]', msg, trace);
};

app.mount('#app');
4

Hello,

I’m sorry but i’m with version 3.0.0 and i still encounter theses warnings. I did not really understood if i have to change something in my configuration or remove the warnings myself with app.config.warnHandler ? I’m with nuxt3 and @builder.io/sdk-vue": "^3.0.0

Thanks you