Change all *Component to accept only functional components

[selvagsz]

Need to allow only render props on all *Component api

eg.,

selectedComponent={<div>blah</div>}
selectedComponent={<Foo />}

will become

selectedComponent={(props) => ( <div>blah</div> )}
selectedComponent={(props) => ( <Foo {...props} /> )}