resolve build errors

components/Modal/Modal.tsx

@@ -12,7 +12,7 @@ export interface ModalPropsType {
   /**
    * Function that is called when the user clicks the close button.
    */
-  onRequestClose: (previousValue?: boolean) => void;
+  onRequestClose?: () => void;
   /**
    * Applies a label for the screen reader.
    */

components/Modal/__stories__/Modal.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
-import { isChromatic } from 'chromatic/isChromatic';
+import isChromatic from 'chromatic/isChromatic';
 import { Modal } from '../Modal';
 import { descriptions } from '@/common/constants/descriptions';
 import { Button } from '@/components/Buttons/Button/Button';
@@ -35,7 +35,7 @@ export const Default: ModalStoryType = {
         <Modal
           {...args}
           isOpen={isDemoModalOpen}
-          onRequestClose={prevValue => setIsDemoModalOpen(!prevValue)}
+          onRequestClose={() => setIsDemoModalOpen(prevValue => !prevValue)}
         />
       </>
     );

components/OutboundLink/OutboundLink.tsx

@@ -1,4 +1,4 @@
-import classNames from 'node_modules/classnames/index';
+import classNames from 'classnames';
 import { gtag } from '@/common/utils/thirdParty/gtag';
 import ExternalLinkIcon from '@/public/static/images/icons/FontAwesome/external-link-square-alt-solid.svg';
 import { ScreenReaderOnly } from '@/components/ScreenReaderOnly/ScreenReaderOnly';

components/Pagination/Pagination.tsx

@@ -1,5 +1,6 @@
-import { PREV_PAGE_BUTTON, NEXT_PAGE_BUTTON } from '../../common/constants/testIDs';
+import { ParsedUrlQueryInput } from 'node:querystring';
 import { PaginationItem } from './PaginationItem/PaginationItem';
+import { PREV_PAGE_BUTTON, NEXT_PAGE_BUTTON } from '@/common/constants/testIDs';
 import LeftAngleIcon from '@/public/static/images/icons/FontAwesome/angle-left-solid.svg';
 import RightAngleIcon from '@/public/static/images/icons/FontAwesome/angle-right-solid.svg';
 
@@ -15,7 +16,7 @@ export interface PaginationPropsType {
   /**
    * Sets the URL path.
    */
-  query: Record<string, unknown>;
+  query: ParsedUrlQueryInput;
   /**
    * Sets the total number of pages.
    */

components/Pagination/PaginationItem/PaginationItem.tsx

@@ -1,3 +1,4 @@
+import { ParsedUrlQueryInput } from 'node:querystring';
 import Link from 'next/link';
 import omit from 'lodash/omit';
 import classNames from 'classnames';
@@ -21,7 +22,7 @@ export interface PaginationItemPropsType {
    * Sets styles to indicate the current item is selected.
    */
   isCurrent?: boolean;
-  query?: Record<string, unknown>;
+  query?: ParsedUrlQueryInput;
   value?: number;
 }
 

components/Press/PressLinks/PressLinks.tsx

@@ -1,8 +1,8 @@
 import * as Tabs from '@radix-ui/react-tabs';
-import { objectKeys } from 'utils/types';
 import * as Articles from './Articles';
 import styles from './PressLinks.module.css';
 import { OutboundLink } from '@/components/OutboundLink/OutboundLink';
+import { objectKeys } from '@/utils/types';
 
 export function PressLinks() {
   return (

components/Press/index.ts

@@ -1,5 +1,5 @@
-import Photos from './PressPhotos/PressPhotos';
-import Videos from './PressVideos/PressVideos';
-import Links from './PressLinks/PressLinks';
+import { PressPhotos as Photos } from './PressPhotos/PressPhotos';
+import { PressVideos as Videos } from './PressVideos/PressVideos';
+import { PressLinks as Links } from './PressLinks/PressLinks';
 
 export { Photos, Videos, Links };

components/ReusableSections/DonateSection/__stories__/DonateSection.stories.tsx

@@ -1,8 +1,8 @@
-import { React } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
+import { FC } from 'react';
 import { DonateSection } from '../DonateSection';
 
-type DonateSectionStoryType = StoryObj<React.FC>;
+type DonateSectionStoryType = StoryObj<FC>;
 
 const meta: Meta<typeof DonateSection> = {
   title: 'ReusableSections/DonateSection',

components/Timeline/Timeline.tsx

@@ -1,7 +1,7 @@
-import { objectKeys } from 'utils/types';
 import { historyData } from './historyData';
 import styles from './Timeline.module.css';
 import { TimelineEvent } from './TimelineEvent/TimelineEvent';
+import { objectKeys } from '@/utils/types';
 
 export function Timeline() {
   return (

components/UpgradeBrowserOverlay/UpgradeBrowserOverlay.tsx

@@ -1,4 +1,3 @@
-import noop from 'lodash/noop';
 import Image from 'next/legacy/image';
 import styles from './UpgradeBrowserOverlay.module.css';
 import { Modal } from '@/components/Modal/Modal';
@@ -32,7 +31,6 @@ export function UpgradeBrowserOverlay() {
 
   return (
     <Modal
-      onRequestClose={noop}
       className={styles.UpgradeBrowserOverlay}
       screenReaderLabel="Upgrade Your Browser"
       isOpen

pages/join/index.tsx

@@ -4,7 +4,7 @@ import { gtag } from '@/common/utils/thirdParty/gtag';
 import { Head } from '@/components/Head';
 import { HeroBanner } from '@/components/HeroBanner/HeroBanner';
 import { Content } from '@/components/Content/Content';
-import RegistrationForm from '@/components/Forms/RegistrationForm/RegistrationForm';
+import { RegistrationForm } from '@/components/Forms/RegistrationForm/RegistrationForm';
 import { login } from '@/common/utils/auth-utils';
 
 const pageTitle = 'Join';

pages/team.tsx

@@ -94,10 +94,14 @@ export default function Team() {
                     )}
                   </>
                 }
-                image={{
-                  source: imageSource,
-                  alt: `Headshot of ${name}`,
-                }}
+                image={
+                  imageSource
+                    ? {
+                        source: imageSource,
+                        alt: `Headshot of ${name}`,
+                      }
+                    : undefined
+                }
               >
                 {description}
               </FlatCard>

types/files.d.ts

@@ -1,10 +1,8 @@
 declare module '*.svg' {
   import { SVGProps, ReactSVGElement } from 'react';
 
-  export const ReactComponent: (props?: SVGProps<SVGElement>) => ReactSVGElement;
-
-  const filePath: string;
+  const ReactComponent: (props?: SVGProps<SVGElement>) => ReactSVGElement;
 
   // eslint-disable-next-line import/no-default-export
-  export default filePath;
+  export default ReactComponent;
 }