[Vue warn]: Multiple root nodes returned from render function. Render function should return a single root node.

When having a construct like this for a component, I get the following error due to the reason that the funcational component returns actually two elements.

<template>
    <no-ssr>
       lalala
    </no-ssr>
</template>

Error I get: [Vue warn]: Multiple root nodes returned from render function. Render function should return a single root node.

I guess it has somethign todo with the return value of the render function:

return h(
      props.placeholderTag,
      {
        class: ['no-ssr-placeholder']
      },
      props.placeholder || placeholderSlot
)

How can I ensure that in this case there is actually only one element returned (I don’t need a placeholder)

Thanks Simon

[egoist]

<no-ssr> renders the default slot which is an array when mounted:

https://github.com/egoist/vue-no-ssr/blob/f9b6f194121b4937bed4846b9fbc8f01fd06e75b/src/index.js#L14-L16

so you can’t use this component at root level, instead:

<template>
  <div>
    <no-ssr>
       ....
    </no-ssr>
  </div>
</template>

[egoist]

@Yimiprod the docs didn’t say that

update: well it did, but that has been removed since 1.0