Warning: Cannot update a component (`LoginPage`) while rendering a different component (`ForwardRef`). To locate the bad setState() call inside `ForwardRef`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render

[vigneshkumaran-github]

When i try to enter numbers im geting this errors

[ankitthakur34]

Yes, Same Problem

[tahahaz1374]

Yes, Same Problem

[sami-juvonen]

+1

[eldynguyen1204]

+1

[yogeshmuli]

I was able to fix this by wrapping my setState logic in setTimeout function,Here is my code. ` const handleChange = code => { setTimeout(() => { setCode(code); }, 0); };

//and in render <OtpInputs handleChange={handleChange} keyboardType="phone-pad" selectTextOnFocus={false} numberOfInputs={6} inputContainerStyles={{ justifyContent: 'center', flexDirection: 'row', flex: 1, paddingHorizontal: -4, }} inputStyles={{ backgroundColor: '#EDEDED', borderColor: '#D3D3D3', borderWidth: 1, borderStyle: 'solid', flex: 1, margin: 4, height: 52, textAlign: 'center', }} /> `

Hope this helps anyone, till the time it is fixed

[vigneshkumaran-github]

@yogeshmuli could u tell me the reason please , why should i wrap that into setTimeout