Me gustaría implementar un separador de mil espacios en un número de tipo de entrada de solo lectura, pero al intentar hacerlo, parece que no funciona y solo puedo escribir 3 números, y luego todo desaparece.

Código

 <input type="number" onChange={props.onInputChange} value={props.value ? props.value : 0} min={props.min} max={props.max} readOnly="readonly" /> export const priceFormatterSpace = (price) => { return price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " "); };

¿Alguna ayuda?