I am building a twitter clone with react.js. And I was adding icons by passing in the function but when i call it in the function the page goes blank

my app works fine when it’s like this:

function SidebarOption({ text, Icon }) {
  return (
    <div >
        <h2>{text}</h2>      
    </div>
  )
}

but when i add th <Icon/> like below the page goes blank

function SidebarOption({ text, Icon }) {
  return (
    <div >
        <h2>{text}</h2>
        <Icon /> {*when I add this the app page goes blank*}
    </div>
  )
} 

I have tried setting the “Homepage”:”.” but that didn’t work.