chore: renaming the hook for better understanding

Signed-off-by: blam <ben@blam.sh>

plugins/scaffolder-react/api-report.md

@@ -409,7 +409,7 @@ export const useCustomFieldExtensions: <
 ) => TComponentDataType[];
 
 // @alpha
-export const useFormData: () => [
+export const useFormDataFromQuery: () => [
   Record<string, any>,
   Dispatch<SetStateAction<Record<string, any>>>,
 ];

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<string, FieldValidation>

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,

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<Record<string, any>>(() => {
     const query = qs.parse(window.location.search, {
       ignoreQueryPrefix: true,