Is there any difference in using React component as a (HTML tag)/ (JS function call)

Question

I have a component, something like,

const ComponentA = ({ heading })=> {
 return (<h1>{ heading }</h>);
};

Is there any difference in rendering this component using below two options,

Option 1

const ComponentB = ()=> {
 return ComponentA({ heading: 'Heading test' });
}; 

Option 2

const ComponentB = ()=> {
 return <ComponentA heading='Heading test' />;
};