useSyncFormTranslations: update to be named export

Author: clairep94

client/common/useSyncFormTranslations.test.tsx

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { render } from '@testing-library/react';
-import useSyncFormTranslations from './useSyncFormTranslations';
+import { useSyncFormTranslations } from './useSyncFormTranslations';
 
 describe('useSyncFormTranslations', () => {
   it('resets and re-applies non-empty form values on language change', () => {

client/common/useSyncFormTranslations.ts

@@ -11,7 +11,7 @@ export interface FormLike {
  * @param formRef
  * @param language
  */
-const useSyncFormTranslations = (
+export const useSyncFormTranslations = (
   formRef: MutableRefObject<FormLike>,
   language: string
 ) => {
@@ -29,5 +29,3 @@ const useSyncFormTranslations = (
     });
   }, [language]);
 };
-
-export default useSyncFormTranslations;

client/modules/User/components/LoginForm.jsx

@@ -6,7 +6,7 @@ import { AiOutlineEye, AiOutlineEyeInvisible } from 'react-icons/ai';
 import Button from '../../../common/Button';
 import { validateLogin } from '../../../utils/reduxFormUtils';
 import { validateAndLoginUser } from '../actions';
-import useSyncFormTranslations from '../../../common/useSyncFormTranslations';
+import { useSyncFormTranslations } from '../../../common/useSyncFormTranslations';
 
 function LoginForm() {
   const { t, i18n } = useTranslation();

client/modules/User/components/LoginForm.unit.test.jsx

@@ -23,7 +23,9 @@ jest.mock('../actions', () => ({
   )
 }));
 
-jest.mock('../../../common/useSyncFormTranslations', () => jest.fn());
+jest.mock('../../../common/useSyncFormTranslations', () => ({
+  useSyncFormTranslations: jest.fn(),
+}));
 
 const subject = () => {
   reduxRender(<LoginForm />, {

client/modules/User/components/SignupForm.jsx

@@ -7,7 +7,7 @@ import { validateSignup } from '../../../utils/reduxFormUtils';
 import { validateAndSignUpUser } from '../actions';
 import Button from '../../../common/Button';
 import apiClient from '../../../utils/apiClient';
-import useSyncFormTranslations from '../../../common/useSyncFormTranslations';
+import {useSyncFormTranslations} from '../../../common/useSyncFormTranslations';
 
 const timeoutRef = { current: null };