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