Dynamically Resolved Component showing Wrong value in prod

Question

I am using a splitter(kendo splitter) to render two child component into a parent component at once.

<kendo-splitter fxFlex="1 1 auto" orientation="vertical">
    <ng-container *ngFor="let header of headers">
        <kendo-splitter-pane collapsible="true">
             <ng-template #dynamic>
             </ng-template>
        </kendo-splitter-pane>
    </ng-container>
 </kendo-splitter>

I have the following @ViewChildren('dynamic', {read: ViewContainerRef}) dynamic:QueryList<ViewContainerRef>; While i am resolving with componentFactoryResolvers it returns the correct component name in local environment (for example : ChatComponent) but while i am at production environment it returns like 'sc','1q' or something like this .