Skip to content

IgrGrid - TypeError occurs if IgrGridToolbarActions contains a custom element #92

@mkamiishi

Description

@mkamiishi

Description

TypeError occurs if IgrGridToolbarActions contains a custom element.

Steps to reproduce

Run the sample here: https://codesandbox.io/p/sandbox/dazzling-poincare-q85s3x

Result

TypeError is thrown.

Uncaught TypeError: type is not a constructor
at ContentChildrenManager.eval [as _getPropsKey] (igr-grid-toolbar-actions.js:79:26)
at eval (ContentChildrenManager.js:32:23)
at eval (react.development.js:1195:17)
at eval (react.development.js:1158:17)
at mapIntoArray (react.development.js:1049:23)
at mapIntoArray (react.development.js:1099:23)
at mapChildren (react.development.js:1157:3)
at Object.forEachChildren [as forEach] (react.development.js:1194:3)
at ContentChildrenManager.getChildren (ContentChildrenManager.js:31:20)
at IgrGridToolbarActions.render (igr-grid-toolbar-actions.js:166:49)
at finishClassComponent (react-dom.development.js:19781:31)
at updateClassComponent (react-dom.development.js:19727:24)
at beginWork (react-dom.development.js:21650:16)
at beginWork$1 (react-dom.development.js:27465:14)
at performUnitOfWork (react-dom.development.js:26596:12)
at workLoopSync (react-dom.development.js:26505:5)
at renderRootSync (react-dom.development.js:26473:7)
at recoverFromConcurrentError (react-dom.development.js:25889:20)
at performConcurrentWorkOnRoot (react-dom.development.js:25789:22)
at workLoop (scheduler.development.js:266:34)
at flushWork (scheduler.development.js:239:14)
at MessagePort.performWorkUntilDeadline (scheduler.development.js:533:21)

Expected result

TypeError is not thrown.
Custom element(button) appears in IgrGridToolbarActions.

This error is not reproducible with Angular and Web Components grids.
Angular sample: https://stackblitz.com/edit/gd58izg1?file=src%2Fapp%2Fservices%2Fexcel-export-sample-1%2Fexcel-export-sample-1.component.html
Web Components sample: https://codesandbox.io/p/sandbox/weathered-shadow-j5nxy6

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions