Refractor code to use functional components.

### Is your feature request related to a problem? Please describe.
As mentioned in React Docs after react-hook support, one should prefer using functional components.

### Describe the solution you'd like
Convert all class based components to functional components.

### Describe alternatives you've considered
for example, componentdDidMount can be replaced by useEffect hook.