diff --git a/plugins/scaffolder-react/api-report.md b/plugins/scaffolder-react/api-report.md index b124ad80f6..ddc2c91c41 100644 --- a/plugins/scaffolder-react/api-report.md +++ b/plugins/scaffolder-react/api-report.md @@ -409,7 +409,7 @@ export const useCustomFieldExtensions: < ) => TComponentDataType[]; // @alpha -export const useFormData: () => [ +export const useFormDataFromQuery: () => [ Record, Dispatch>>, ]; diff --git a/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx b/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx index 05345c34b5..37458fb402 100644 --- a/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx +++ b/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx @@ -32,7 +32,7 @@ import { useTemplateSchema } from '../../hooks/useTemplateSchema'; import { ReviewState } from '../ReviewState'; import validator from '@rjsf/validator-ajv6'; -import { useFormData } from '../../hooks/useFormData'; +import { useFormDataFromQuery } from '../../hooks'; import { FormProps } from '../../types'; const useStyles = makeStyles(theme => ({ @@ -77,7 +77,7 @@ export const Stepper = (props: StepperProps) => { const { steps } = useTemplateSchema(props.manifest); const apiHolder = useApiHolder(); const [activeStep, setActiveStep] = useState(0); - const [formState, setFormState] = useFormData(); + const [formState, setFormState] = useFormDataFromQuery(); const [errors, setErrors] = useState< undefined | Record diff --git a/plugins/scaffolder-react/src/next/hooks/index.ts b/plugins/scaffolder-react/src/next/hooks/index.ts index ba79bf0e9a..78a4d2a777 100644 --- a/plugins/scaffolder-react/src/next/hooks/index.ts +++ b/plugins/scaffolder-react/src/next/hooks/index.ts @@ -13,7 +13,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -export { useFormData } from './useFormData'; +export { useFormDataFromQuery } from './useFormDataFromQuery'; export { useTemplateSchema, type ParsedTemplateSchema, diff --git a/plugins/scaffolder-react/src/next/hooks/useFormData.ts b/plugins/scaffolder-react/src/next/hooks/useFormDataFromQuery.ts similarity index 95% rename from plugins/scaffolder-react/src/next/hooks/useFormData.ts rename to plugins/scaffolder-react/src/next/hooks/useFormDataFromQuery.ts index 0939630d1d..ad812480bd 100644 --- a/plugins/scaffolder-react/src/next/hooks/useFormData.ts +++ b/plugins/scaffolder-react/src/next/hooks/useFormDataFromQuery.ts @@ -21,7 +21,7 @@ import { useState } from 'react'; * This hook is used to get the formData from the query string. * @alpha */ -export const useFormData = () => { +export const useFormDataFromQuery = () => { return useState>(() => { const query = qs.parse(window.location.search, { ignoreQueryPrefix: true,