Latest versions are not backward compatible

[Ravirpenugonda]

Hi team, we were using 7.6.6 from long time and recently we tried to upgrade to the latest. Initially we upgraded to 7.48.2 and now 7.50.0 but none of the upgrades are working for us. Initially 7.50.0 started to work but after one day it started to throw the same error

Cannot read properties of undefined (reading 'current')
TypeError: Cannot read properties of undefined (reading 'current')
at N (webpack-internal:///../../../web-ui-kit/node_modules/react-hook-form/dist/index.cjs.js:1:2372)
at InputPhone (webpack-internal:///../../../web-ui-kit/dist/main.js:6790:55)
at renderWithHooks (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at mountIndeterminateComponent (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:20069:13)
at beginWork (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:21582:16)
at HTMLUnknownElement.callCallback (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:4164:14)
at Object.invokeGuardedCallbackDev (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:4213:16)
at invokeGuardedCallback (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:4277:31)
at beginWork$1 (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:27446:7)
at performUnitOfWork (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:26552:12)

// Parent component
const { handleSubmit, control, formState, setValue, setError, reset, clearErrors, getValues, trigger } = useForm({
defaultValues: { ...defaultValues, ...formData },
mode: 'onChange',
resolver,
});

const showPhoneNumber = useWatch({
  control,
  name: 'showPhoneNumber',
  defaultValue: true,
});

// Child component:

const { field, fieldState } = useController({
name: name,
control: control,
shouldUnregister,
});

<PhoneInputWrapper
specialLabel={label}
{...phoneInputConfig}
{...field}
inputProps={{ title: label, ...phoneInputConfig?.inputProps, autoFocus: focusedByDefault }}
masks={masks}
/>

Note: If we downgrade to 7.6.6 it works at anytime. Not sure if any code changes are required to uprade to the latest. Thanks in advance

[riotrah]

Curious to know what your findings ended up being