How to make React page render only change component instead of the whole page?

Question

So I have a toggle looking like this (see below), but the page always re-render the whole thing on the first time I click on the toggle.