Estado agregado para el enfoque en la entrada, una vez que está enfocado, quiero que desaparezca el signo $, utilicé los eventos onFocus y onBlur para configurar los estados para representar el sufijo del cuadro de contabilidad condicionalmente, solo funciona por primera vez cuando la página se procesa , despues de eso no funciona

 import React, { useState } from "react"; import CurrencyInput from "react-currency-input-field"; import "./index.scss"; const AccountingBox = ({ conversion, characterLimit, characterDecimalLimit, }) => { const [isFocused, setIsFocused] = useState(false); return ( <React.Fragment> <CurrencyInput className="form-control col-lg-4" id="input-example" name="input-name" placeholder="Please enter a value" defaultValue={5} decimalsLimit={characterDecimalLimit} groupSeparator={conversion && "."} decimalSeparator={conversion && ","} maxLength={characterLimit} suffix={isFocused === false ? "$" : null} onFocus={() => setIsFocused(true)} onBlur={() => setIsFocused(false)} /> </React.Fragment> ); }; export default AccountingBox;