React-bootstrap modal displaying invalid characters in 'x' mark

Question

We are using react-modal to display modal dialog and we have the following code

<Modal.Header closeButton>
     <Modal.Title>Drugs</Modal.Title>
</Modal.Header>

The close button appears as in the attached image. Anyone faced the same issue before?Close Button issue

Answer 1

You just need to add a meta tag to set your encoding to UTF-8:

<meta charset="UTF-8">

https://github.com/react-bootstrap/react-bootstrap/issues/2098