Change all *Component to accept only functional components

Need to allow only render props on all *Component api

eg.,
```jsx
selectedComponent={<div>blah</div>}
selectedComponent={<Foo />}
```

will become

```jsx
selectedComponent={(props) => ( <div>blah</div> )}
selectedComponent={(props) => ( <Foo {...props} /> )}
```