Warning: Cannot update a component (`StaffLogin`) while rendering a different component (`Context.Consumer`).

Warning: Cannot update a component (StaffLogin) while rendering a different component (Context.Consumer).

Warning: Cannot update a component (`StaffLogin`) while rendering a different component (`Context.Consumer`). To locate the bad setState() call inside `Context.Consumer`, follow the stack trace as described in https://fb.me/setstate-in-render
    in x (created by StaffLogin)
    in StaffLogin (created by LoginStaff)
    in div (created by styled.div)
    in styled.div (created by StyledCard)
    in StyledCard (created by LoginStaff)
    in div (created by styled.div)
    in styled.div (created by LoginStaff)
    in div (created by styled.div)
    in styled.div (created by StyledGrid)
    in StyledGrid (created by LoginStaff)
    in div (created by LoginStaff)
    in LoginStaff (created by Context.Consumer)
    in Route (created by MainRouting)
    in Switch (created by MainRouting)
    in MainRouting (created by App)
    in StoreContextProvider (created by App)
    in Be (created by App)
    in Router (created by App)
    in div (created by App)
    in App

Have a look at:

https://github.com/joegasewicz/react-google-oauth2.0/blob/51faf7046a65b24f6c96355041c882110358e46d/src/components.tsx#L226

https://github.com/joegasewicz/react-google-oauth2.0/blob/51faf7046a65b24f6c96355041c882110358e46d/src/components.tsx#L260