Why is the customer rating flag not showing correctly?

The Customer Rating Flag might not show, or show incorrectly, when it is not configured properly. For example, this screenshot shows a string of characters where the flag should be ("lioxxxx"):

Configuring the Customer Rating Flag

1. Go to Setup and look for "Embedded Service Deployments" in the Quick Find box.
2. Click the "down" arrow next to the desired service deployment, then click View:
    
3. Click Edit next to "Chat Settings".
4. Click Edit next to "Customize with Lightning Components".
5. Select the "lioCustomChat" Custom Component for the "Chat Messages (Text)" Standard Component:
   
    
6. Click Save.