converting to react component (wip)