fix: Navigate to change request after creation (#5655)

Co-authored-by: Zaimwa9 <wadii.zaim@flagsmith.com>

Author: tiagoapolo

frontend/web/components/ExistingChangeRequestAlert.tsx

@@ -1,8 +1,8 @@
 import { FC } from 'react'
 import InfoMessage from './InfoMessage'
-import { useHistory } from 'react-router-dom'
 import Button from './base/forms/Button'
 import { ChangeRequestSummary } from 'common/types/responses'
+import { RouterChildContext } from 'react-router-dom'
 
 type ExistingChangeRequestAlertType = {
   changeRequests: ChangeRequestSummary[]
@@ -11,18 +11,18 @@ type ExistingChangeRequestAlertType = {
   projectId: number | string
   environmentId: string
   className?: string
+  history: RouterChildContext['router']['history']
 }
 
 const ExistingChangeRequestAlert: FC<ExistingChangeRequestAlertType> = ({
   changeRequests,
   className,
   editingChangeRequest,
   environmentId,
+  history,
   projectId,
   scheduledChangeRequests,
 }) => {
-  const history = useHistory()
-
   const handleNavigate = () => {
     const changes = scheduledChangeRequests?.length
       ? scheduledChangeRequests

frontend/web/components/modals/CreateFlag.js

@@ -837,6 +837,7 @@ const CreateFlag = class extends Component {
           {!!isEdit && !identity && (
             <ExistingChangeRequestAlert
               className='mb-4'
+              history={this.props.history}
               editingChangeRequest={this.props.changeRequest}
               projectId={this.props.projectId}
               environmentId={this.props.environmentId}