Передача данных props (от dashcase к camelcase) компоненту с использованием response-redux с машинописным текстом (интерфейс OwnProps)

Question

Добрый день. Я постепенно пытаюсь использовать машинописный текст в проектах react-redux и столкнулся с проблемой передачи данных в компонент. Дело в том, что в самом компоненте я описываю интерфейс входных данных (props) в стиле camelcase (draggableElementModel), а стиль dashcase (draggable-element-model) передаю компоненту. Естественно, я получаю ошибку компиляции. Например:

import React from "react";
import {connect, ConnectedProps} from 'react-redux'
import {IDraggableElement} from "../../../../store/draggable-elements/types";
import {Dispatch} from "redux";

interface IOwnProps {
    // ----------------------
    draggableElementModel: IDraggableElement // <===== THIS =======================
    // ---------------------
}
interface IStateToProps {}
interface IDispatchToProps {}
type IProps = IOwnProps & IStateToProps & IDispatchToProps & IPropsFromRedux;

class DraggableElement extends React.Component<IProps> {
    render() {return <g/>}
}

const mapStateToProps = (state: any, ownProps: IOwnProps): IStateToProps => ({

});
const mapDispatchToProps = (dispatch: Dispatch): IDispatchToProps => ({

});

const connector = connect<IStateToProps, IDispatchToProps>(null, mapDispatchToProps)
type IPropsFromRedux =  ConnectedProps<typeof connector>


export default connector(DraggableElement);

Use (Error draggable-element-model):

<DraggableElement
  key={itemDraggableElement.id}
  draggable-element-model={itemDraggableElement} 
/>

Буду благодарен за любую помощь и рекомендацию или совет, где вы можете наблюдать за хорошим стилем разработки, используя машинописный текст