Captcha auto-change na entrada - reactjs, captcha, antd

Estou trabalhando em um formulário com captcha usando reactjs e antdesign. Meu problema é quando digito em outros campos, o código captcha muda.

Espero que você me entenda..

obrigado

codesandbox

<FormItem>
<Input
prefix={<Icon type="key" style={{ color: "rgba(0,0,0,.25)" }} />}
type="captcha"
placeholder="captcha"
addonAfter={<Captcha />}
/>
</FormItem>

Respostas:

Dentro ReactJS: re-rendering pode ser disabled através da shouldComponentUpdate(), por returning false.

Veja abaixo um exemplo prático.

Vejo este fork do seu CodeSandbox para uma solução de trabalho.

// Captcha.
class Captcha extends Component {

// Render.
render = () => (
<div className="Captcha">
<NumberList />
</div>
)

// Should Component Update.
shouldComponentUpdate = () => false

}