How to change Gatsby Link text with getProps and setState

Question

The header.js of my Gatsby website contains a simple navigation with a logo and a link. If the About Page is active:

• Link text should change from "About"