Remove URL params when closing wizard

Remove URL params when closing wizard

See: https://github.com/ansible/awx/issues/10240

awx/ui_next/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-
+import { useLocation, useHistory } from 'react-router-dom';
 import { t } from '@lingui/macro';
 import { useField } from 'formik';
 import {
@@ -23,6 +23,8 @@ function CredentialPluginInput(props) {
   const [showPluginWizard, setShowPluginWizard] = useState(false);
   const [inputField, meta, helpers] = useField(`inputs.${fieldOptions.id}`);
   const [passwordPromptField] = useField(`passwordPrompts.${fieldOptions.id}`);
+  const location = useLocation();
+  const history = useHistory();
 
   const disableFieldAndButtons =
     !!passwordPromptField.value ||
@@ -32,6 +34,11 @@ function CredentialPluginInput(props) {
       meta.value === meta.initialValue
     );
 
+  const handlePluginWizardClose = () => {
+    setShowPluginWizard(false);
+    history.push(location.pathname);
+  };
+
   return (
     <>
       {inputField?.value?.credential ? (
@@ -73,7 +80,7 @@ function CredentialPluginInput(props) {
           initialValues={
             typeof inputField.value === 'object' ? inputField.value : {}
           }
-          onClose={() => setShowPluginWizard(false)}
+          onClose={() => handlePluginWizardClose()}
           onSubmit={val => {
             val.touched = true;
             helpers.setValue(val);