Fix incompatility of the catalog-import plugin with the react-hook-form v6.15.4

Signed-off-by: Dominik Henneke <dominik.henneke@sda-se.com>

.changeset/polite-ads-press.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-import': patch
+---
+
+Bump react-hook-form version constraint to "^6.15.4"

plugins/catalog-import/package.json

@@ -44,7 +44,7 @@
     "git-url-parse": "^11.4.4",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-hook-form": "^6.6.0",
+    "react-hook-form": "^6.15.4",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^15.3.3",

plugins/catalog-import/src/components/StepPrepareCreatePullRequest/AutocompleteTextField.tsx

@@ -22,7 +22,7 @@ import {
   Control,
   Controller,
   FieldErrors,
-  ValidationRules,
+  UseControllerOptions,
 } from 'react-hook-form';
 
 type Props<TFieldValue extends string> = {
@@ -32,7 +32,7 @@ type Props<TFieldValue extends string> = {
 
   control?: Control<Record<string, any>>;
   errors?: FieldErrors<Record<TFieldValue, string>>;
-  rules?: ValidationRules;
+  rules?: UseControllerOptions<Record<TFieldValue, any>>['rules'];
 
   loading?: boolean;
   loadingText?: string;

plugins/catalog-import/src/components/StepPrepareCreatePullRequest/PreparePullRequestForm.test.tsx

@@ -25,7 +25,7 @@ describe('<PreparePullRequestForm />', () => {
     const onSubmitFn = jest.fn();
 
     const { getByRole } = render(
-      <PreparePullRequestForm
+      <PreparePullRequestForm<{ main: string }>
         defaultValues={{ main: 'default' }}
         render={({ register }) => (
           <>
@@ -49,7 +49,7 @@ describe('<PreparePullRequestForm />', () => {
     const onSubmitFn = jest.fn();
 
     const { getByRole, getByLabelText } = render(
-      <PreparePullRequestForm
+      <PreparePullRequestForm<{ main: string }>
         defaultValues={{ main: 'default' }}
         render={({ register }) => (
           <>
@@ -80,7 +80,7 @@ describe('<PreparePullRequestForm />', () => {
     const onSubmitFn = jest.fn();
 
     const { queryByText, getByRole } = render(
-      <PreparePullRequestForm
+      <PreparePullRequestForm<{ main: string }>
         defaultValues={{}}
         render={({ errors, register }) => (
           <>

yarn.lock

@@ -21324,7 +21324,7 @@ react-helmet@6.1.0:
     react-fast-compare "^3.1.1"
     react-side-effect "^2.1.0"
 
-react-hook-form@^6.6.0:
+react-hook-form@^6.15.4, react-hook-form@^6.6.0:
   version "6.15.4"
   resolved "https://registry.npmjs.org/react-hook-form/-/react-hook-form-6.15.4.tgz#328003e1ccc096cd158899ffe7e3b33735a9b024"
   integrity sha512-K+Sw33DtTMengs8OdqFJI3glzNl1wBzSefD/ksQw/hJf9CnOHQAU6qy82eOrh0IRNt2G53sjr7qnnw1JDjvx1w==