When Register Component twice with same tage name globally, Then Component not rendered when webpack production build.

[east-rain]

Hello.
I register componentA globally using Vue.component ( name is 'componentA' );
And create new componentB this way

<script>
// componentB.vue
import componentA from './componentA.vue';
export default {
    name: 'componentA',
    extends: componentA,
    setup(props, ctx) {
            ...componentA.setup(props, ctx)
        }
    }
}
</script>

And this component is registered by

import componentB from './componentB.vue';
delete Vue._context.components['componentA'];
Vue.component('componentA', componentB); 

Everything is Ok when build a project in development mode(webpack).
But when build a project as a production mode(webpack), then this component is not rendered.

And If componentA is a made by option api, then everything is ok in development & production mode.
This problem occurs only componentA is composition api.

Is there any way to solve this problem? ( ex. perfect guide of uninstall global component )

---

I checked more, than it's not about Vue.component

It's error about extends.

<script>
// componentB.vue
import componentA from './componentA.vue';
export default {
    name: 'componentAExtends',
    extends: componentA,
    setup(props, ctx) {
            ...componentA.setup(props, ctx)
        }
    }
}
</script>

and

import componentB from './componentB.vue';
Vue.component('componentAExtends', componentB); 

and use in another component

<component-a-extends />

then that component never rendered.
In this case componentA is a composition api component.
But If componentA is a option api then everything is ok.

And even componentA is a composition api,
If I build using webpack development mode then Everything is ok.
BUt If i build using webpack production mode then Never rendered.