Cannot update a component (MainDrawerStackScreen) while rendering a different component (DrawerView). To locate the bad setState() call inside DrawerView, follow the stack trace as described in https://reactjs.org/link/setstate-in-render
in DrawerView (at DrawerView.tsx:235)
in SafeAreaProviderCompat (at DrawerView.tsx:233)
in RCTView (at View.js:34)
in View (at GestureHandlerRootView.android.tsx:21)
in GestureHandlerRootView (at DrawerView.tsx:232)
in DrawerView (at createDrawerNavigator.tsx:47)
in DrawerNavigator (at Routes.js:67)

`
const drawerContent = useCallback(({progress, ...props}) => {
setProgress(progress);
return <CustomDrawer {...props} />;
}, []);

`
this happens because of setProgress(progress); what should i do to remove this warning?

"react": "16.13.1",
"react-native": "0.63.2",

Everything is up to date

i did find this after some google searches

New Warnings
Warnings for some updates during render
A React component should not cause side effects in other components during rendering.

It is supported to call setState during render, but only for the same component. If you call setState during a render on a different component, you will now see a warning:

Warning: Cannot update a component from inside the function body of a different component.
This warning will help you find application bugs caused by unintentional state changes. In the rare case that you intentionally want to change the state of another component as a result of rendering, you can wrap the setState call into useEffect.

this is from https://reactjs.org/blog/2020/02/26/react-v16.13.0.html

even if this warning pops up everything is working fine but i cannot find a solution to get rid of this warning

Coding the following login screens based on UI or functionalities:

• Velvet UI
• Sofia UI
• Gauri UI
• Frida UI
• Apple UI
• Firebase UI
• Fingerprint UI

Can you update it to the latest versions of :

react-native, // .67
react-native-reanimated // latest
@react-navigation/drawer // v6 currently

How can I contribute to this Project?

want the drawer to open from opposite side. Now it opens from left and goes to right side. I want it to open from right and goes to left side. How I can do that?

Your video was quite good for achieving drawer transition but I want to do the same thing in react navigation v4. As v5 comes with component base code so its easy to provide animation there but how we can do that same in v4 as there is no component base code in stacknavigator?