Digital designer and web developer from Copenhagen.
Notice that lines 2–4 and 11–13 are identical. Transforming components is much easier using this pattern. Also, you limit the usage of this inside the component.
A good way of bypassing this is to use props destructuring together with JSX spread, as you can see here: