Bizarre problem with React component which renders wrong HTML code

Question

One of my React components is misbehaving. In a sense that it renders the wrong HTML code when state is set to true:

import React, { useState, useEff