This is the way the name shows up in the UI
But the name is coming from the database where it is stored corectly, as Amelié
index.js file:
<div>
<Modal
isOpen={Overlay}
style={customStyles}
contentLabel="modal"
>
<div className="download--content">
<div id="download-title">Please make sure Information is Correct...</div>
<form id="download-form" onSubmit={(event) => this.handleSubmit(event)}>
<div className="product-info">
<Input
errorMessage='Please enter a valid Street Address'
error={cfcDeclaration.companyAddress1Error}
title="Street Address"
type="text"
name="Street Address"
value={typeof selectedCompany == 'undefined' ? "" : selectedCompany.streetAddress1}
disabled='edit'
What is the best way to correct this so the "é" and other symbols are displayed as they are in the database?