[GENERAL QUESTION] Can we use these components in JSX/TSX

[rikotacards]

Relatively new here, I'm trying to convert my app to be all class based components with the render function in typescript I tried import {GridLayout, GridItem} from vue-grid-layout, but get the error

JSX element type 'WidgetForm' does not have any construct or call signatures.
<WidgetForm
        |              ^
    295 |               onSaved='addWidget'
    296 |               show='showNewWidgetDialog'
    297 |               hasAccess='hasAccess'

Does this simply mean that I would need to write this in template syntax? (was working with template syntax)

I"m trying to do something like the below

<GridLayout
            colNum={16}
            layout={this.dashboard.widgets}
            // layoutSync={dashboard.widgets}
            // @layout-updated="saveLayout"
            onLayoutUpdated={this.saveLayout}
            rowHeight={30}
            isDraggable={true}
            isResizable={true}
            isMirrored={false}
            verticalCompact={true}
            margin={[4,4]}
            useCssTransforms={false}
            preventCollision={false}
          >