SkipLink: Update to named export

Author: clairep94

client/components/SkipLink.test.tsx

@@ -2,7 +2,7 @@ import { render, screen, fireEvent } from '@testing-library/react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import '@testing-library/jest-dom';
-import SkipLink from './SkipLink';
+import { SkipLink } from './SkipLink';
 
 jest.mock('react-i18next', () => ({
   useTranslation: () => ({

client/components/SkipLink.tsx

@@ -7,7 +7,7 @@ interface SkipLinkProps {
   text: string;
 }
 
-const SkipLink = ({ targetId, text }: SkipLinkProps) => {
+export const SkipLink = ({ targetId, text }: SkipLinkProps) => {
   const [focus, setFocus] = useState(false);
   const { t } = useTranslation();
   const handleFocus = () => {
@@ -30,5 +30,3 @@ const SkipLink = ({ targetId, text }: SkipLinkProps) => {
     </a>
   );
 };
-
-export default SkipLink;

client/index.jsx

@@ -9,7 +9,7 @@ import Routing from './routes';
 import ThemeProvider from './modules/App/components/ThemeProvider';
 import Loader from './modules/App/components/loader';
 import './i18n';
-import SkipLink from './components/SkipLink';
+import { SkipLink } from './components/SkipLink';
 
 require('./styles/main.scss');