Question: In my HTML, this works

```
<div id="portfolio1" onclick="changeMainFrame('lib/portfolio1.html')">

```

to trigger the following function: 

```
function changeMainFrame(srcURL){
  var target = document.getElementById("mainFrame");
  target.src = srcURL;
}

```

I want to migrate it to my javascript doc. But this does not work:

```
document.getElementById("portfolio1").onclick = changeMainFrame("lib/portfolio1.html");

```

I can not find out how to fix this. Any hints? Cannot find a similar situation anywhere for something so simple yet time consuming.

Answer: 
Give a try with below code.

```
<Sidebar as={Menu} animation='overlay' icon='labeled' inverted vertical visible width='wide'>
       <Menu.Item as={Link} to="/admin">
          <Icon name='building' />
          Rubykraft
       </Menu.Item>
       <Menu.Item as='a'>
          <Icon name='user' />
          Shan
       </Menu.Item>
       <Menu.Item as='a'>
         <Icon name='user' />
         Vishnu
       </Menu.Item>
</Sidebar>

```
Everything is easier!

```
<Sidebar.Pusher style={{overflow: 'scroll', height: '100%'}}>

```

I think you yourself will understand why this works.