We maintain a library that allows users to provide Vue components at build time which are then displayed in a grid. This works fine for Vue 2, but with Vue 3 we're finding that use supplied components that rely on "plugins" (such as vue-router) won't be created/rendered correctly.

I've put together a (much) simplified repo that demonstrates the issue. There is a "client" app (that the user would develop) that uses the "vue-library" that will dynamically create the user supplied component.

Note that components that do not rely on plugins etc are created successfully.

Version

3.1.2

Reproduction link

https://github.com/seanlandsman/vue3-dynamic-component

Steps to reproduce

cd vue-library
npm i
npx tsc

cd ../client-app
npm i
npm run serve

What is expected?

The component to be created is created successfully

What is actually happening?

The following warning is issued and the component doesn't render correctly:

    [Vue warn]: Invalid VNode type: Symbol(Text) (symbol)
    at <RouterLink to="/about"

Hi, thanks for your interest but Github issues are for bug reports and feature requests only. You can ask questions on the forum, the Discord server or StackOverflow.

This is too much for a reproduction (it shouldn't have vue-class-component, ts, babel, js-library) and it's pretty much a support request to debug your library and its usage