Is it possible to create a component using react components?

is it possible to create or get a react component from some library and insert as a allowed component for create a template?

import React from 'react';
import CustomButton from './components/CustomButton'
import grapesjs from 'grapesjs'

const editor = grapesjs.init({
...
});

editor.addComponents(<CustomButton color="red" otherProp={...somepros}/>);

//or 

editor.BlockManager.add('CustomButton', {
  label: 'button',
  content: <CustomButton color="red" otherProp={...somepros}/>,
});