diff --git a/.eslintrc.js b/.eslintrc.js
index d3bc83bb308..1555fe24795 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -250,16 +250,16 @@ module.exports = {
         './packages/desktop-client/src/components/autocomplete/**/*',
         './packages/desktop-client/src/components/budget/**/*',
         './packages/desktop-client/src/components/common/**/*',
-        // './packages/desktop-client/src/components/filters/**/*',
-        // './packages/desktop-client/src/components/gocardless/**/*',
-        // './packages/desktop-client/src/components/manager/**/*',
-        // './packages/desktop-client/src/components/mobile/**/*',
-        // './packages/desktop-client/src/components/modals/**/*',
-        // './packages/desktop-client/src/components/payees/**/*',
-        // './packages/desktop-client/src/components/reports/**/*',
+        './packages/desktop-client/src/components/filters/**/*',
+        './packages/desktop-client/src/components/gocardless/**/*',
+        './packages/desktop-client/src/components/manager/**/*',
+        './packages/desktop-client/src/components/mobile/**/*',
+        './packages/desktop-client/src/components/modals/**/*',
+        './packages/desktop-client/src/components/payees/**/*',
+        './packages/desktop-client/src/components/reports/**/*',
         // './packages/desktop-client/src/components/responsive/**/*',
         // './packages/desktop-client/src/components/rules/**/*',
-        // './packages/desktop-client/src/components/schedules/**/*',
+        './packages/desktop-client/src/components/schedules/**/*',
         // './packages/desktop-client/src/components/select/**/*',
         // './packages/desktop-client/src/components/settings/**/*',
         // './packages/desktop-client/src/components/sidebar/**/*',
diff --git a/packages/desktop-client/src/components/App.tsx b/packages/desktop-client/src/components/App.tsx
index 5f24096ef33..2dbdfd2033f 100644
--- a/packages/desktop-client/src/components/App.tsx
+++ b/packages/desktop-client/src/components/App.tsx
@@ -23,7 +23,7 @@ import { View } from './common/View';
 import { DevelopmentTopBar } from './DevelopmentTopBar';
 import { FatalError } from './FatalError';
 import { FinancesApp } from './FinancesApp';
-import ManagementApp from './manager/ManagementApp';
+import { ManagementApp } from './manager/ManagementApp';
 import { MobileWebMessage } from './MobileWebMessage';
 import { UpdateNotification } from './UpdateNotification';
 
diff --git a/packages/desktop-client/src/components/FinancesApp.tsx b/packages/desktop-client/src/components/FinancesApp.tsx
index 56a56e56b25..8479911dd32 100644
--- a/packages/desktop-client/src/components/FinancesApp.tsx
+++ b/packages/desktop-client/src/components/FinancesApp.tsx
@@ -30,11 +30,11 @@ import { BudgetMonthCountProvider } from './budget/BudgetMonthCountContext';
 import { View } from './common/View';
 import { GlobalKeys } from './GlobalKeys';
 import { ManageRulesPage } from './ManageRulesPage';
-import MobileNavTabs from './mobile/MobileNavTabs';
+import { MobileNavTabs } from './mobile/MobileNavTabs';
 import { Modals } from './Modals';
 import { Notifications } from './Notifications';
 import { ManagePayeesPage } from './payees/ManagePayeesPage';
-import Reports from './reports';
+import { Reports } from './reports';
 import { NarrowAlternate, WideComponent } from './responsive';
 import { ScrollProvider } from './ScrollProvider';
 import Settings from './settings';
diff --git a/packages/desktop-client/src/components/Modals.tsx b/packages/desktop-client/src/components/Modals.tsx
index 43704579b07..bbde5677a56 100644
--- a/packages/desktop-client/src/components/Modals.tsx
+++ b/packages/desktop-client/src/components/Modals.tsx
@@ -9,34 +9,34 @@ import useCategories from '../hooks/useCategories';
 import useSyncServerStatus from '../hooks/useSyncServerStatus';
 import { type CommonModalProps } from '../types/modals';
 
-import CategoryGroupMenu from './modals/CategoryGroupMenu';
-import CategoryMenu from './modals/CategoryMenu';
-import CloseAccount from './modals/CloseAccount';
-import ConfirmCategoryDelete from './modals/ConfirmCategoryDelete';
-import ConfirmTransactionEdit from './modals/ConfirmTransactionEdit';
-import CreateAccount from './modals/CreateAccount';
-import CreateEncryptionKey from './modals/CreateEncryptionKey';
-import CreateLocalAccount from './modals/CreateLocalAccount';
-import EditField from './modals/EditField';
-import EditRule from './modals/EditRule';
-import FixEncryptionKey from './modals/FixEncryptionKey';
-import GoCardlessExternalMsg from './modals/GoCardlessExternalMsg';
-import GoCardlessInitialise from './modals/GoCardlessInitialise';
-import ImportTransactions from './modals/ImportTransactions';
-import LoadBackup from './modals/LoadBackup';
-import ManageRulesModal from './modals/ManageRulesModal';
-import MergeUnusedPayees from './modals/MergeUnusedPayees';
-import Notes from './modals/Notes';
-import PlaidExternalMsg from './modals/PlaidExternalMsg';
-import ReportBudgetSummary from './modals/ReportBudgetSummary';
-import RolloverBudgetSummary from './modals/RolloverBudgetSummary';
-import SelectLinkedAccounts from './modals/SelectLinkedAccounts';
-import SingleInput from './modals/SingleInput';
-import SwitchBudgetType from './modals/SwitchBudgetType';
-import DiscoverSchedules from './schedules/DiscoverSchedules';
-import ScheduleDetails from './schedules/EditSchedule';
-import ScheduleLink from './schedules/LinkSchedule';
-import PostsOfflineNotification from './schedules/PostsOfflineNotification';
+import { CategoryGroupMenu } from './modals/CategoryGroupMenu';
+import { CategoryMenu } from './modals/CategoryMenu';
+import { CloseAccount } from './modals/CloseAccount';
+import { ConfirmCategoryDelete } from './modals/ConfirmCategoryDelete';
+import { ConfirmTransactionEdit } from './modals/ConfirmTransactionEdit';
+import { CreateAccount } from './modals/CreateAccount';
+import { CreateEncryptionKey } from './modals/CreateEncryptionKey';
+import { CreateLocalAccount } from './modals/CreateLocalAccount';
+import { EditField } from './modals/EditField';
+import { EditRule } from './modals/EditRule';
+import { FixEncryptionKey } from './modals/FixEncryptionKey';
+import { GoCardlessExternalMsg } from './modals/GoCardlessExternalMsg';
+import { GoCardlessInitialise } from './modals/GoCardlessInitialise';
+import { ImportTransactions } from './modals/ImportTransactions';
+import { LoadBackup } from './modals/LoadBackup';
+import { ManageRulesModal } from './modals/ManageRulesModal';
+import { MergeUnusedPayees } from './modals/MergeUnusedPayees';
+import { Notes } from './modals/Notes';
+import { PlaidExternalMsg } from './modals/PlaidExternalMsg';
+import { ReportBudgetSummary } from './modals/ReportBudgetSummary';
+import { RolloverBudgetSummary } from './modals/RolloverBudgetSummary';
+import { SelectLinkedAccounts } from './modals/SelectLinkedAccounts';
+import { SingleInput } from './modals/SingleInput';
+import { SwitchBudgetType } from './modals/SwitchBudgetType';
+import { DiscoverSchedules } from './schedules/DiscoverSchedules';
+import { PostsOfflineNotification } from './schedules/PostsOfflineNotification';
+import { ScheduleDetails } from './schedules/ScheduleDetails';
+import { ScheduleLink } from './schedules/ScheduleLink';
 
 export function Modals() {
   const modalStack = useSelector(state => state.modals.modalStack);
diff --git a/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx b/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx
index 98661197bb7..c2d9dc0132a 100644
--- a/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx
+++ b/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx
@@ -7,12 +7,10 @@ type CompactFiltersButtonProps = {
   onClick: (newValue) => void;
 };
 
-function CompactFiltersButton({ onClick }: CompactFiltersButtonProps) {
+export function CompactFiltersButton({ onClick }: CompactFiltersButtonProps) {
   return (
     <Button type="bare" onClick={onClick}>
       <Filter width={15} height={15} />
     </Button>
   );
 }
-
-export default CompactFiltersButton;
diff --git a/packages/desktop-client/src/components/filters/FiltersButton.tsx b/packages/desktop-client/src/components/filters/FiltersButton.tsx
index c368cc81d61..75e0b87aa0f 100644
--- a/packages/desktop-client/src/components/filters/FiltersButton.tsx
+++ b/packages/desktop-client/src/components/filters/FiltersButton.tsx
@@ -7,7 +7,7 @@ type FiltersButtonProps = {
   onClick: (newValue) => void;
 };
 
-function FiltersButton({ onClick }: FiltersButtonProps) {
+export function FiltersButton({ onClick }: FiltersButtonProps) {
   return (
     <Button type="bare" onClick={onClick} title="Filters">
       <SettingsSliderAlternate
@@ -17,5 +17,3 @@ function FiltersButton({ onClick }: FiltersButtonProps) {
     </Button>
   );
 }
-
-export default FiltersButton;
diff --git a/packages/desktop-client/src/components/filters/FiltersMenu.jsx b/packages/desktop-client/src/components/filters/FiltersMenu.jsx
index a7cee0a07cd..c1cad8f3668 100644
--- a/packages/desktop-client/src/components/filters/FiltersMenu.jsx
+++ b/packages/desktop-client/src/components/filters/FiltersMenu.jsx
@@ -36,8 +36,8 @@ import Value from '../rules/Value';
 import { Tooltip } from '../tooltips';
 import GenericInput from '../util/GenericInput';
 
-import CompactFiltersButton from './CompactFiltersButton';
-import FiltersButton from './FiltersButton';
+import { CompactFiltersButton } from './CompactFiltersButton';
+import { FiltersButton } from './FiltersButton';
 import { CondOpMenu } from './SavedFilters';
 
 const filterFields = [
diff --git a/packages/desktop-client/src/components/gocardless/GoCardlessLink.tsx b/packages/desktop-client/src/components/gocardless/GoCardlessLink.tsx
index 96cca43f0a0..9a3e3d65677 100644
--- a/packages/desktop-client/src/components/gocardless/GoCardlessLink.tsx
+++ b/packages/desktop-client/src/components/gocardless/GoCardlessLink.tsx
@@ -4,7 +4,7 @@ import { Modal } from '../common/Modal';
 import { Paragraph } from '../common/Paragraph';
 import { View } from '../common/View';
 
-export default function GoCardlessLink() {
+export function GoCardlessLink() {
   window.close();
 
   return (
diff --git a/packages/desktop-client/src/components/manager/BudgetList.jsx b/packages/desktop-client/src/components/manager/BudgetList.jsx
index 7ae2782915d..82b348063cc 100644
--- a/packages/desktop-client/src/components/manager/BudgetList.jsx
+++ b/packages/desktop-client/src/components/manager/BudgetList.jsx
@@ -245,7 +245,7 @@ function RefreshButton({ onRefresh }) {
   );
 }
 
-export default function BudgetList() {
+export function BudgetList() {
   const files = useSelector(state => state.budgets.allFiles || []);
 
   const {
diff --git a/packages/desktop-client/src/components/manager/ConfigServer.tsx b/packages/desktop-client/src/components/manager/ConfigServer.tsx
index 87a2ec2d5db..c95bbd9fe95 100644
--- a/packages/desktop-client/src/components/manager/ConfigServer.tsx
+++ b/packages/desktop-client/src/components/manager/ConfigServer.tsx
@@ -17,7 +17,7 @@ import { useServerURL, useSetServerURL } from '../ServerContext';
 
 import { Title } from './subscribe/common';
 
-export default function ConfigServer() {
+export function ConfigServer() {
   useSetThemeColor(theme.mobileConfigServerViewTheme);
   const { createBudget, signOut, loggedIn } = useActions();
   const navigate = useNavigate();
diff --git a/packages/desktop-client/src/components/manager/DeleteFile.tsx b/packages/desktop-client/src/components/manager/DeleteFile.tsx
index 42948deb16e..c8dff180cbd 100644
--- a/packages/desktop-client/src/components/manager/DeleteFile.tsx
+++ b/packages/desktop-client/src/components/manager/DeleteFile.tsx
@@ -16,11 +16,7 @@ type DeleteFileProps = {
   file: File;
 };
 
-export default function DeleteFile({
-  modalProps,
-  actions,
-  file,
-}: DeleteFileProps) {
+export function DeleteFile({ modalProps, actions, file }: DeleteFileProps) {
   // If the state is "broken" that means it was created by another
   // user. The current user should be able to delete the local file,
   // but not the remote one
diff --git a/packages/desktop-client/src/components/manager/Import.tsx b/packages/desktop-client/src/components/manager/Import.tsx
index f30f260af7d..1caacd4a636 100644
--- a/packages/desktop-client/src/components/manager/Import.tsx
+++ b/packages/desktop-client/src/components/manager/Import.tsx
@@ -23,7 +23,7 @@ type ImportProps = {
   actions: BoundActions;
 };
 
-function Import({ modalProps, actions }: ImportProps) {
+export function Import({ modalProps, actions }: ImportProps) {
   const [error] = useState(false);
 
   function onSelectType(type: 'ynab4' | 'ynab5' | 'actual') {
@@ -87,5 +87,3 @@ function Import({ modalProps, actions }: ImportProps) {
     </Modal>
   );
 }
-
-export default Import;
diff --git a/packages/desktop-client/src/components/manager/ImportActual.tsx b/packages/desktop-client/src/components/manager/ImportActual.tsx
index e5c91fd1ada..da33ff6088a 100644
--- a/packages/desktop-client/src/components/manager/ImportActual.tsx
+++ b/packages/desktop-client/src/components/manager/ImportActual.tsx
@@ -31,7 +31,7 @@ type ImportProps = {
   modalProps?: ModalProps;
 };
 
-function Import({ modalProps }: ImportProps) {
+export function ImportActual({ modalProps }: ImportProps) {
   const dispatch = useDispatch();
   const [error, setError] = useState<string | null>(null);
   const [importing, setImporting] = useState(false);
@@ -95,5 +95,3 @@ function Import({ modalProps }: ImportProps) {
     </Modal>
   );
 }
-
-export default Import;
diff --git a/packages/desktop-client/src/components/manager/ImportYNAB4.tsx b/packages/desktop-client/src/components/manager/ImportYNAB4.tsx
index 1faa6208231..5e5e352e9b8 100644
--- a/packages/desktop-client/src/components/manager/ImportYNAB4.tsx
+++ b/packages/desktop-client/src/components/manager/ImportYNAB4.tsx
@@ -23,7 +23,7 @@ type ImportProps = {
   modalProps?: ModalProps;
 };
 
-function Import({ modalProps }: ImportProps) {
+export function ImportYNAB4({ modalProps }: ImportProps) {
   const dispatch = useDispatch();
   const [error, setError] = useState<string | null>(null);
   const [importing, setImporting] = useState(false);
@@ -84,5 +84,3 @@ function Import({ modalProps }: ImportProps) {
     </Modal>
   );
 }
-
-export default Import;
diff --git a/packages/desktop-client/src/components/manager/ImportYNAB5.tsx b/packages/desktop-client/src/components/manager/ImportYNAB5.tsx
index a42b33b178d..ec37a3ee300 100644
--- a/packages/desktop-client/src/components/manager/ImportYNAB5.tsx
+++ b/packages/desktop-client/src/components/manager/ImportYNAB5.tsx
@@ -26,7 +26,7 @@ type ImportProps = {
   modalProps?: ModalProps;
 };
 
-function Import({ modalProps }: ImportProps) {
+export function ImportYNAB5({ modalProps }: ImportProps) {
   const dispatch = useDispatch();
   const [error, setError] = useState<string | null>(null);
   const [importing, setImporting] = useState(false);
@@ -91,5 +91,3 @@ function Import({ modalProps }: ImportProps) {
     </Modal>
   );
 }
-
-export default Import;
diff --git a/packages/desktop-client/src/components/manager/ManagementApp.jsx b/packages/desktop-client/src/components/manager/ManagementApp.jsx
index 0a043e4cefd..1bc3f407eff 100644
--- a/packages/desktop-client/src/components/manager/ManagementApp.jsx
+++ b/packages/desktop-client/src/components/manager/ManagementApp.jsx
@@ -12,15 +12,15 @@ import { LoggedInUser } from '../LoggedInUser';
 import { Notifications } from '../Notifications';
 import { useServerVersion } from '../ServerContext';
 
-import BudgetList from './BudgetList';
-import ConfigServer from './ConfigServer';
-import Modals from './Modals';
-import ServerURL from './ServerURL';
-import Bootstrap from './subscribe/Bootstrap';
-import ChangePassword from './subscribe/ChangePassword';
-import Error from './subscribe/Error';
-import Login from './subscribe/Login';
-import WelcomeScreen from './WelcomeScreen';
+import { BudgetList } from './BudgetList';
+import { ConfigServer } from './ConfigServer';
+import { Modals } from './Modals';
+import { ServerURL } from './ServerURL';
+import { Bootstrap } from './subscribe/Bootstrap';
+import { ChangePassword } from './subscribe/ChangePassword';
+import { Error } from './subscribe/Error';
+import { Login } from './subscribe/Login';
+import { WelcomeScreen } from './WelcomeScreen';
 
 function Version() {
   const version = useServerVersion();
@@ -47,7 +47,7 @@ function Version() {
   );
 }
 
-export default function ManagementApp({ isLoading }) {
+export function ManagementApp({ isLoading }) {
   const files = useSelector(state => state.budgets.allFiles);
   const userData = useSelector(state => state.user.data);
   const managerHasInitialized = useSelector(
diff --git a/packages/desktop-client/src/components/manager/Modals.jsx b/packages/desktop-client/src/components/manager/Modals.jsx
index 02c50d8cbec..be2fca077e7 100644
--- a/packages/desktop-client/src/components/manager/Modals.jsx
+++ b/packages/desktop-client/src/components/manager/Modals.jsx
@@ -3,17 +3,17 @@ import { useSelector } from 'react-redux';
 
 import { useActions } from '../../hooks/useActions';
 import { View } from '../common/View';
-import CreateEncryptionKey from '../modals/CreateEncryptionKey';
-import FixEncryptionKey from '../modals/FixEncryptionKey';
-import LoadBackup from '../modals/LoadBackup';
+import { CreateEncryptionKey } from '../modals/CreateEncryptionKey';
+import { FixEncryptionKey } from '../modals/FixEncryptionKey';
+import { LoadBackup } from '../modals/LoadBackup';
 
-import DeleteFile from './DeleteFile';
-import Import from './Import';
-import ImportActual from './ImportActual';
-import ImportYNAB4 from './ImportYNAB4';
-import ImportYNAB5 from './ImportYNAB5';
+import { DeleteFile } from './DeleteFile';
+import { Import } from './Import';
+import { ImportActual } from './ImportActual';
+import { ImportYNAB4 } from './ImportYNAB4';
+import { ImportYNAB5 } from './ImportYNAB5';
 
-export default function Modals() {
+export function Modals() {
   const modalStack = useSelector(state => state.modals.modalStack);
   const isHidden = useSelector(state => state.modals.isHidden);
   const actions = useActions();
diff --git a/packages/desktop-client/src/components/manager/ServerURL.tsx b/packages/desktop-client/src/components/manager/ServerURL.tsx
index 3c6ff75fa39..89e3dfebd0c 100644
--- a/packages/desktop-client/src/components/manager/ServerURL.tsx
+++ b/packages/desktop-client/src/components/manager/ServerURL.tsx
@@ -5,7 +5,7 @@ import { Text } from '../common/Text';
 import { View } from '../common/View';
 import { useServerURL } from '../ServerContext';
 
-export default function ServerURL() {
+export function ServerURL() {
   const url = useServerURL();
 
   return (
diff --git a/packages/desktop-client/src/components/manager/WelcomeScreen.tsx b/packages/desktop-client/src/components/manager/WelcomeScreen.tsx
index e5fa913c01c..564fc586717 100644
--- a/packages/desktop-client/src/components/manager/WelcomeScreen.tsx
+++ b/packages/desktop-client/src/components/manager/WelcomeScreen.tsx
@@ -8,7 +8,7 @@ import { Paragraph } from '../common/Paragraph';
 import { Text } from '../common/Text';
 import { View } from '../common/View';
 
-export default function WelcomeScreen() {
+export function WelcomeScreen() {
   const { createBudget, pushModal } = useActions();
 
   return (
diff --git a/packages/desktop-client/src/components/manager/subscribe/Bootstrap.tsx b/packages/desktop-client/src/components/manager/subscribe/Bootstrap.tsx
index 48941321c64..6832bc9dcb7 100644
--- a/packages/desktop-client/src/components/manager/subscribe/Bootstrap.tsx
+++ b/packages/desktop-client/src/components/manager/subscribe/Bootstrap.tsx
@@ -15,7 +15,7 @@ import { View } from '../../common/View';
 import { useBootstrapped, Title } from './common';
 import { ConfirmPasswordForm } from './ConfirmPasswordForm';
 
-export default function Bootstrap() {
+export function Bootstrap() {
   const dispatch = useDispatch();
   const [error, setError] = useState(null);
 
diff --git a/packages/desktop-client/src/components/manager/subscribe/ChangePassword.tsx b/packages/desktop-client/src/components/manager/subscribe/ChangePassword.tsx
index 36917c792bb..667ce832a52 100644
--- a/packages/desktop-client/src/components/manager/subscribe/ChangePassword.tsx
+++ b/packages/desktop-client/src/components/manager/subscribe/ChangePassword.tsx
@@ -11,7 +11,7 @@ import { View } from '../../common/View';
 import { Title } from './common';
 import { ConfirmPasswordForm } from './ConfirmPasswordForm';
 
-export default function ChangePassword() {
+export function ChangePassword() {
   const navigate = useNavigate();
   const [error, setError] = useState(null);
   const [msg, setMessage] = useState(null);
diff --git a/packages/desktop-client/src/components/manager/subscribe/Error.tsx b/packages/desktop-client/src/components/manager/subscribe/Error.tsx
index 67a0fa2469a..9d537e4b60a 100644
--- a/packages/desktop-client/src/components/manager/subscribe/Error.tsx
+++ b/packages/desktop-client/src/components/manager/subscribe/Error.tsx
@@ -16,7 +16,7 @@ function getErrorMessage(reason) {
   }
 }
 
-export default function Error() {
+export function Error() {
   const navigate = useNavigate();
   const location = useLocation();
   const { error } = (location.state || {}) as { error? };
diff --git a/packages/desktop-client/src/components/manager/subscribe/Login.tsx b/packages/desktop-client/src/components/manager/subscribe/Login.tsx
index bad2f9e516c..c7298a547ee 100644
--- a/packages/desktop-client/src/components/manager/subscribe/Login.tsx
+++ b/packages/desktop-client/src/components/manager/subscribe/Login.tsx
@@ -13,7 +13,7 @@ import { View } from '../../common/View';
 
 import { useBootstrapped, Title } from './common';
 
-export default function Login() {
+export function Login() {
   const dispatch = useDispatch();
   const [password, setPassword] = useState('');
   const [loading, setLoading] = useState(false);
diff --git a/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx b/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx
index 5a9cf5c284c..d99728cabbb 100644
--- a/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx
+++ b/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx
@@ -20,7 +20,7 @@ import { useScroll } from '../ScrollProvider';
 const ROW_HEIGHT = 70;
 const COLUMN_COUNT = 3;
 
-export default function MobileNavTabs() {
+export function MobileNavTabs() {
   const { isNarrowWidth } = useResponsive();
   const { scrollY } = useScroll();
 
diff --git a/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx b/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx
index 77b542eb37d..19e71e986d7 100644
--- a/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx
+++ b/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx
@@ -33,7 +33,7 @@ type CategoryGroupMenuProps = {
   onClose?: () => void;
 };
 
-export default function CategoryGroupMenu({
+export function CategoryGroupMenu({
   modalProps,
   groupId,
   onSave,
diff --git a/packages/desktop-client/src/components/modals/CategoryMenu.tsx b/packages/desktop-client/src/components/modals/CategoryMenu.tsx
index 5a01d1ea96e..44fe36d255b 100644
--- a/packages/desktop-client/src/components/modals/CategoryMenu.tsx
+++ b/packages/desktop-client/src/components/modals/CategoryMenu.tsx
@@ -30,7 +30,7 @@ type CategoryMenuProps = {
   onClose?: () => void;
 };
 
-export default function CategoryMenu({
+export function CategoryMenu({
   modalProps,
   categoryId,
   onSave,
diff --git a/packages/desktop-client/src/components/modals/CloseAccount.tsx b/packages/desktop-client/src/components/modals/CloseAccount.tsx
index 22b527e081b..0dd220aa0ad 100644
--- a/packages/desktop-client/src/components/modals/CloseAccount.tsx
+++ b/packages/desktop-client/src/components/modals/CloseAccount.tsx
@@ -42,7 +42,7 @@ type CloseAccountProps = {
   modalProps: CommonModalProps;
 };
 
-function CloseAccount({
+export function CloseAccount({
   account,
   accounts,
   categoryGroups,
@@ -203,5 +203,3 @@ function CloseAccount({
     </Modal>
   );
 }
-
-export default CloseAccount;
diff --git a/packages/desktop-client/src/components/modals/ConfirmCategoryDelete.tsx b/packages/desktop-client/src/components/modals/ConfirmCategoryDelete.tsx
index 2fb0b2c160a..cf758fa251d 100644
--- a/packages/desktop-client/src/components/modals/ConfirmCategoryDelete.tsx
+++ b/packages/desktop-client/src/components/modals/ConfirmCategoryDelete.tsx
@@ -19,7 +19,7 @@ type ConfirmCategoryDeleteProps = {
   onDelete: (categoryId: string) => void;
 };
 
-export default function ConfirmCategoryDelete({
+export function ConfirmCategoryDelete({
   modalProps,
   category,
   group,
diff --git a/packages/desktop-client/src/components/modals/ConfirmTransactionEdit.tsx b/packages/desktop-client/src/components/modals/ConfirmTransactionEdit.tsx
index 18b9d8e57eb..d28cf895db3 100644
--- a/packages/desktop-client/src/components/modals/ConfirmTransactionEdit.tsx
+++ b/packages/desktop-client/src/components/modals/ConfirmTransactionEdit.tsx
@@ -12,7 +12,7 @@ type ConfirmTransactionEditProps = {
   confirmReason: string;
 };
 
-function ConfirmTransactionEdit({
+export function ConfirmTransactionEdit({
   modalProps,
   onConfirm,
   confirmReason,
@@ -83,5 +83,3 @@ function ConfirmTransactionEdit({
     </Modal>
   );
 }
-
-export default ConfirmTransactionEdit;
diff --git a/packages/desktop-client/src/components/modals/CreateAccount.tsx b/packages/desktop-client/src/components/modals/CreateAccount.tsx
index 35efa326dfd..6b6d6aa3439 100644
--- a/packages/desktop-client/src/components/modals/CreateAccount.tsx
+++ b/packages/desktop-client/src/components/modals/CreateAccount.tsx
@@ -18,7 +18,7 @@ type CreateAccountProps = {
   syncServerStatus: SyncServerStatus;
 };
 
-export default function CreateAccount({
+export function CreateAccount({
   modalProps,
   syncServerStatus,
 }: CreateAccountProps) {
diff --git a/packages/desktop-client/src/components/modals/CreateEncryptionKey.tsx b/packages/desktop-client/src/components/modals/CreateEncryptionKey.tsx
index cc25200f77b..76672c99532 100644
--- a/packages/desktop-client/src/components/modals/CreateEncryptionKey.tsx
+++ b/packages/desktop-client/src/components/modals/CreateEncryptionKey.tsx
@@ -25,7 +25,7 @@ type CreateEncryptionKeyProps = {
   };
 };
 
-export default function CreateEncryptionKey({
+export function CreateEncryptionKey({
   modalProps,
   actions,
   options = {},
diff --git a/packages/desktop-client/src/components/modals/CreateLocalAccount.tsx b/packages/desktop-client/src/components/modals/CreateLocalAccount.tsx
index d82412670f4..b6561c25d67 100644
--- a/packages/desktop-client/src/components/modals/CreateLocalAccount.tsx
+++ b/packages/desktop-client/src/components/modals/CreateLocalAccount.tsx
@@ -22,7 +22,10 @@ type CreateLocalAccountProps = {
   actions: BoundActions;
 };
 
-function CreateLocalAccount({ modalProps, actions }: CreateLocalAccountProps) {
+export function CreateLocalAccount({
+  modalProps,
+  actions,
+}: CreateLocalAccountProps) {
   const navigate = useNavigate();
   const [name, setName] = useState('');
   const [offbudget, setOffbudget] = useState(false);
@@ -166,5 +169,3 @@ function CreateLocalAccount({ modalProps, actions }: CreateLocalAccountProps) {
     </Modal>
   );
 }
-
-export default CreateLocalAccount;
diff --git a/packages/desktop-client/src/components/modals/EditField.jsx b/packages/desktop-client/src/components/modals/EditField.jsx
index 8799b8473d5..f98fd7b6fd7 100644
--- a/packages/desktop-client/src/components/modals/EditField.jsx
+++ b/packages/desktop-client/src/components/modals/EditField.jsx
@@ -37,7 +37,7 @@ function CreatePayeeIcon(props) {
   return <Add {...props} width={14} height={14} />;
 }
 
-export default function EditField({ modalProps, name, onSubmit, onClose }) {
+export function EditField({ modalProps, name, onSubmit, onClose }) {
   const dateFormat = useSelector(
     state => state.prefs.local.dateFormat || 'MM/dd/yyyy',
   );
diff --git a/packages/desktop-client/src/components/modals/EditRule.jsx b/packages/desktop-client/src/components/modals/EditRule.jsx
index 1f99e46f58c..789f4b3430e 100644
--- a/packages/desktop-client/src/components/modals/EditRule.jsx
+++ b/packages/desktop-client/src/components/modals/EditRule.jsx
@@ -605,7 +605,7 @@ const conditionFields = [
     ['amount-outflow', mapField('amount', { outflow: true })],
   ]);
 
-export default function EditRule({
+export function EditRule({
   modalProps,
   defaultRule,
   onSave: originalOnSave,
diff --git a/packages/desktop-client/src/components/modals/FixEncryptionKey.tsx b/packages/desktop-client/src/components/modals/FixEncryptionKey.tsx
index 320172d015f..b006ca1561a 100644
--- a/packages/desktop-client/src/components/modals/FixEncryptionKey.tsx
+++ b/packages/desktop-client/src/components/modals/FixEncryptionKey.tsx
@@ -22,7 +22,7 @@ type FixEncryptionKeyProps = {
   options: FinanceModals['fix-encryption-key'];
 };
 
-export default function FixEncryptionKey({
+export function FixEncryptionKey({
   modalProps,
   actions,
   options = {},
diff --git a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx
index ee8c7429907..9da38c3864c 100644
--- a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx
+++ b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx
@@ -85,7 +85,7 @@ type GoCardlessExternalMsgProps = {
   onClose: () => void;
 };
 
-export default function GoCardlessExternalMsg({
+export function GoCardlessExternalMsg({
   modalProps,
   onMoveExternal,
   onSuccess,
diff --git a/packages/desktop-client/src/components/modals/GoCardlessInitialise.tsx b/packages/desktop-client/src/components/modals/GoCardlessInitialise.tsx
index e9753cc5795..78a19b5fc61 100644
--- a/packages/desktop-client/src/components/modals/GoCardlessInitialise.tsx
+++ b/packages/desktop-client/src/components/modals/GoCardlessInitialise.tsx
@@ -17,7 +17,7 @@ type GoCardlessInitialiseProps = {
   onSuccess: () => void;
 };
 
-const GoCardlessInitialise = ({
+export const GoCardlessInitialise = ({
   modalProps,
   onSuccess,
 }: GoCardlessInitialiseProps) => {
@@ -104,5 +104,3 @@ const GoCardlessInitialise = ({
     </Modal>
   );
 };
-
-export default GoCardlessInitialise;
diff --git a/packages/desktop-client/src/components/modals/ImportTransactions.jsx b/packages/desktop-client/src/components/modals/ImportTransactions.jsx
index 68dbe5cfaa8..200635c1d78 100644
--- a/packages/desktop-client/src/components/modals/ImportTransactions.jsx
+++ b/packages/desktop-client/src/components/modals/ImportTransactions.jsx
@@ -656,7 +656,7 @@ function FieldMappings({
   );
 }
 
-export default function ImportTransactions({ modalProps, options }) {
+export function ImportTransactions({ modalProps, options }) {
   const dateFormat = useSelector(
     state => state.prefs.local.dateFormat || 'MM/dd/yyyy',
   );
diff --git a/packages/desktop-client/src/components/modals/LoadBackup.jsx b/packages/desktop-client/src/components/modals/LoadBackup.jsx
index 347dc7450fc..d430346b223 100644
--- a/packages/desktop-client/src/components/modals/LoadBackup.jsx
+++ b/packages/desktop-client/src/components/modals/LoadBackup.jsx
@@ -47,7 +47,7 @@ class BackupTable extends Component {
   }
 }
 
-function LoadBackup({
+export function LoadBackup({
   budgetId,
   watchUpdates,
   backupDisabled,
@@ -133,5 +133,3 @@ function LoadBackup({
     </Modal>
   );
 }
-
-export default LoadBackup;
diff --git a/packages/desktop-client/src/components/modals/ManageRulesModal.tsx b/packages/desktop-client/src/components/modals/ManageRulesModal.tsx
index 72b3c899455..0242122d87d 100644
--- a/packages/desktop-client/src/components/modals/ManageRulesModal.tsx
+++ b/packages/desktop-client/src/components/modals/ManageRulesModal.tsx
@@ -12,7 +12,7 @@ type ManageRulesModalProps = {
   payeeId?: string;
 };
 
-export default function ManageRulesModal({
+export function ManageRulesModal({
   modalProps,
   payeeId,
 }: ManageRulesModalProps) {
diff --git a/packages/desktop-client/src/components/modals/MergeUnusedPayees.jsx b/packages/desktop-client/src/components/modals/MergeUnusedPayees.jsx
index 8c0f4ffcb91..1fde89e701b 100644
--- a/packages/desktop-client/src/components/modals/MergeUnusedPayees.jsx
+++ b/packages/desktop-client/src/components/modals/MergeUnusedPayees.jsx
@@ -14,7 +14,7 @@ import { View } from '../common/View';
 
 const highlightStyle = { color: theme.pageTextPositive };
 
-export default function MergeUnusedPayees({
+export function MergeUnusedPayees({
   modalProps,
   payeeIds,
   targetPayeeId,
diff --git a/packages/desktop-client/src/components/modals/Notes.tsx b/packages/desktop-client/src/components/modals/Notes.tsx
index 3b8c5b98a4f..6afd2e351ef 100644
--- a/packages/desktop-client/src/components/modals/Notes.tsx
+++ b/packages/desktop-client/src/components/modals/Notes.tsx
@@ -17,7 +17,7 @@ type NotesProps = {
   onSave: (id: string, notes: string) => void;
 };
 
-export default function Notes({ modalProps, id, name, onSave }: NotesProps) {
+export function Notes({ modalProps, id, name, onSave }: NotesProps) {
   const data = useLiveQuery(() => q('notes').filter({ id }).select('*'), [id]);
   const originalNotes = data && data.length > 0 ? data[0].note : null;
 
diff --git a/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx b/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx
index eec254f1f47..466c8ba2a2e 100644
--- a/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx
+++ b/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx
@@ -27,7 +27,7 @@ type PlainExternalMsgProps = {
   onClose?: () => void;
 };
 
-export default function PlaidExternalMsg({
+export function PlaidExternalMsg({
   modalProps,
   onMoveExternal,
   onSuccess,
diff --git a/packages/desktop-client/src/components/modals/ReportBudgetSummary.tsx b/packages/desktop-client/src/components/modals/ReportBudgetSummary.tsx
index ef66c8828b7..6e2c93c8643 100644
--- a/packages/desktop-client/src/components/modals/ReportBudgetSummary.tsx
+++ b/packages/desktop-client/src/components/modals/ReportBudgetSummary.tsx
@@ -17,7 +17,7 @@ type ReportBudgetSummaryProps = {
   month: string;
 };
 
-export default function ReportBudgetSummary({
+export function ReportBudgetSummary({
   month,
   modalProps,
 }: ReportBudgetSummaryProps) {
diff --git a/packages/desktop-client/src/components/modals/RolloverBudgetSummary.tsx b/packages/desktop-client/src/components/modals/RolloverBudgetSummary.tsx
index 04c2fdc4489..07f1b351c78 100644
--- a/packages/desktop-client/src/components/modals/RolloverBudgetSummary.tsx
+++ b/packages/desktop-client/src/components/modals/RolloverBudgetSummary.tsx
@@ -15,7 +15,7 @@ type RolloverBudgetSummaryProps = {
   month: string;
 };
 
-export default function RolloverBudgetSummary({
+export function RolloverBudgetSummary({
   month,
   onBudgetAction,
   modalProps,
diff --git a/packages/desktop-client/src/components/modals/SelectLinkedAccounts.jsx b/packages/desktop-client/src/components/modals/SelectLinkedAccounts.jsx
index 7505c3f060d..a5a2aadcd1e 100644
--- a/packages/desktop-client/src/components/modals/SelectLinkedAccounts.jsx
+++ b/packages/desktop-client/src/components/modals/SelectLinkedAccounts.jsx
@@ -10,7 +10,7 @@ import { TableHeader, Table, Row, Field } from '../table';
 
 const addAccountOption = { id: 'new', name: 'Create new account' };
 
-export default function SelectLinkedAccounts({
+export function SelectLinkedAccounts({
   modalProps,
   requisitionId,
   externalAccounts,
diff --git a/packages/desktop-client/src/components/modals/SingleInput.tsx b/packages/desktop-client/src/components/modals/SingleInput.tsx
index e653f5963c0..71e2943f5df 100644
--- a/packages/desktop-client/src/components/modals/SingleInput.tsx
+++ b/packages/desktop-client/src/components/modals/SingleInput.tsx
@@ -18,7 +18,7 @@ type SingleInputProps = {
   inputPlaceholder?: string;
 };
 
-function SingleInput({
+export function SingleInput({
   modalProps,
   title,
   buttonText,
@@ -90,5 +90,3 @@ function SingleInput({
     </Modal>
   );
 }
-
-export default SingleInput;
diff --git a/packages/desktop-client/src/components/modals/SwitchBudgetType.tsx b/packages/desktop-client/src/components/modals/SwitchBudgetType.tsx
index 24c236de370..f2b11a8fa13 100644
--- a/packages/desktop-client/src/components/modals/SwitchBudgetType.tsx
+++ b/packages/desktop-client/src/components/modals/SwitchBudgetType.tsx
@@ -13,7 +13,7 @@ type SwitchBudgetTypeProps = {
   onSwitch: () => void;
 };
 
-export default function SwitchBudgetType({
+export function SwitchBudgetType({
   modalProps,
   onSwitch,
 }: SwitchBudgetTypeProps) {
diff --git a/packages/desktop-client/src/components/payees/ManagePayees.jsx b/packages/desktop-client/src/components/payees/ManagePayees.jsx
index 85c420d2816..fb3024417b9 100644
--- a/packages/desktop-client/src/components/payees/ManagePayees.jsx
+++ b/packages/desktop-client/src/components/payees/ManagePayees.jsx
@@ -26,8 +26,8 @@ import { Search } from '../common/Search';
 import { View } from '../common/View';
 import { TableHeader, Cell, SelectCell, useTableNavigator } from '../table';
 
-import PayeeMenu from './PayeeMenu';
-import PayeeTable from './PayeeTable';
+import { PayeeMenu } from './PayeeMenu';
+import { PayeeTable } from './PayeeTable';
 
 const getPayeesById = memoizeOne(payees => groupById(payees));
 
diff --git a/packages/desktop-client/src/components/payees/ManagePayeesPage.jsx b/packages/desktop-client/src/components/payees/ManagePayeesPage.jsx
index e3b1bdf72af..5939c95aa29 100644
--- a/packages/desktop-client/src/components/payees/ManagePayeesPage.jsx
+++ b/packages/desktop-client/src/components/payees/ManagePayeesPage.jsx
@@ -3,7 +3,7 @@ import { useLocation } from 'react-router-dom';
 
 import { Page } from '../Page';
 
-import ManagePayeesWithData from './ManagePayeesWithData';
+import { ManagePayeesWithData } from './ManagePayeesWithData';
 
 export function ManagePayeesPage() {
   const location = useLocation();
diff --git a/packages/desktop-client/src/components/payees/ManagePayeesWithData.jsx b/packages/desktop-client/src/components/payees/ManagePayeesWithData.jsx
index 89f7c5e5ebd..3f0607c3ffd 100644
--- a/packages/desktop-client/src/components/payees/ManagePayeesWithData.jsx
+++ b/packages/desktop-client/src/components/payees/ManagePayeesWithData.jsx
@@ -9,7 +9,7 @@ import useCategories from '../../hooks/useCategories';
 
 import { ManagePayees } from './ManagePayees';
 
-export default function ManagePayeesWithData({ initialSelectedIds }) {
+export function ManagePayeesWithData({ initialSelectedIds }) {
   const initialPayees = useSelector(state => state.queries.payees);
   const lastUndoState = useSelector(state => state.app.lastUndoState);
   const { grouped: categoryGroups } = useCategories();
diff --git a/packages/desktop-client/src/components/payees/PayeeMenu.tsx b/packages/desktop-client/src/components/payees/PayeeMenu.tsx
index e2fd399a387..469f5f9daa5 100644
--- a/packages/desktop-client/src/components/payees/PayeeMenu.tsx
+++ b/packages/desktop-client/src/components/payees/PayeeMenu.tsx
@@ -15,7 +15,7 @@ type PayeeMenuProps = {
   onClose: () => void;
 };
 
-export default function PayeeMenu({
+export function PayeeMenu({
   payeesById,
   selectedPayees,
   onDelete,
diff --git a/packages/desktop-client/src/components/payees/PayeeTable.tsx b/packages/desktop-client/src/components/payees/PayeeTable.tsx
index 743a19e6686..048db5c066e 100644
--- a/packages/desktop-client/src/components/payees/PayeeTable.tsx
+++ b/packages/desktop-client/src/components/payees/PayeeTable.tsx
@@ -13,7 +13,7 @@ import { useSelectedItems } from '../../hooks/useSelected';
 import { View } from '../common/View';
 import { Table, type TableNavigator } from '../table';
 
-import PayeeTableRow from './PayeeTableRow';
+import { PayeeTableRow } from './PayeeTableRow';
 
 // Table items require an ID to work, it's optional in the loot-core
 // model so would need to verify accuracy of that before changing there
@@ -28,7 +28,7 @@ type PayeeTableProps = {
   'onUpdate' | 'onViewRules' | 'onCreateRule'
 >;
 
-const PayeeTable = forwardRef<
+export const PayeeTable = forwardRef<
   ComponentRef<typeof Table<PayeeWithId>>,
   PayeeTableProps
 >(
@@ -79,5 +79,3 @@ const PayeeTable = forwardRef<
     );
   },
 );
-
-export default PayeeTable;
diff --git a/packages/desktop-client/src/components/payees/PayeeTableRow.tsx b/packages/desktop-client/src/components/payees/PayeeTableRow.tsx
index 59404a0a163..98b73467e47 100644
--- a/packages/desktop-client/src/components/payees/PayeeTableRow.tsx
+++ b/packages/desktop-client/src/components/payees/PayeeTableRow.tsx
@@ -72,7 +72,7 @@ type PayeeTableRowProps = {
   style?: CSSProperties;
 };
 
-const PayeeTableRow = memo(
+export const PayeeTableRow = memo(
   ({
     payee,
     ruleCount,
@@ -150,5 +150,3 @@ const PayeeTableRow = memo(
     );
   },
 );
-
-export default PayeeTableRow;
diff --git a/packages/desktop-client/src/components/reports/CategorySelector.tsx b/packages/desktop-client/src/components/reports/CategorySelector.tsx
index c6d6bdd8268..c6a173efd6f 100644
--- a/packages/desktop-client/src/components/reports/CategorySelector.tsx
+++ b/packages/desktop-client/src/components/reports/CategorySelector.tsx
@@ -14,7 +14,7 @@ import { Text } from '../common/Text';
 import { View } from '../common/View';
 import { Checkbox } from '../forms';
 
-import GraphButton from './GraphButton';
+import { GraphButton } from './GraphButton';
 
 type CategorySelectorProps = {
   categoryGroups: Array<CategoryGroupEntity>;
@@ -23,7 +23,7 @@ type CategorySelectorProps = {
   setSelectedCategories: (selectedCategories: CategoryEntity[]) => null;
 };
 
-export default function CategorySelector({
+export function CategorySelector({
   categoryGroups,
   categories,
   selectedCategories,
diff --git a/packages/desktop-client/src/components/reports/Change.jsx b/packages/desktop-client/src/components/reports/Change.jsx
index 745fe10d37f..5267b2c77c7 100644
--- a/packages/desktop-client/src/components/reports/Change.jsx
+++ b/packages/desktop-client/src/components/reports/Change.jsx
@@ -5,7 +5,7 @@ import { integerToCurrency } from 'loot-core/src/shared/util';
 import { theme, styles } from '../../style';
 import { Block } from '../common/Block';
 
-function Change({ amount }) {
+export function Change({ amount }) {
   return (
     <Block
       style={{
@@ -18,5 +18,3 @@ function Change({ amount }) {
     </Block>
   );
 }
-
-export default Change;
diff --git a/packages/desktop-client/src/components/reports/ChooseGraph.tsx b/packages/desktop-client/src/components/reports/ChooseGraph.tsx
index aa11ba1d35a..c7baea09b9b 100644
--- a/packages/desktop-client/src/components/reports/ChooseGraph.tsx
+++ b/packages/desktop-client/src/components/reports/ChooseGraph.tsx
@@ -3,17 +3,17 @@ import React, { useRef } from 'react';
 import { View } from '../common/View';
 
 import { type DataEntity, type Month } from './entities';
-import AreaGraph from './graphs/AreaGraph';
-import BarGraph from './graphs/BarGraph';
-import BarLineGraph from './graphs/BarLineGraph';
-import DonutGraph from './graphs/DonutGraph';
-import LineGraph from './graphs/LineGraph';
-import StackedBarGraph from './graphs/StackedBarGraph';
+import { AreaGraph } from './graphs/AreaGraph';
+import { BarGraph } from './graphs/BarGraph';
+import { BarLineGraph } from './graphs/BarLineGraph';
+import { DonutGraph } from './graphs/DonutGraph';
+import { LineGraph } from './graphs/LineGraph';
+import { StackedBarGraph } from './graphs/StackedBarGraph';
 import { ReportOptions } from './ReportOptions';
-import ReportTable from './ReportTable';
-import ReportTableHeader from './ReportTableHeader';
-import ReportTableList from './ReportTableList';
-import ReportTableTotals from './ReportTableTotals';
+import { ReportTable } from './ReportTable';
+import { ReportTableHeader } from './ReportTableHeader';
+import { ReportTableList } from './ReportTableList';
+import { ReportTableTotals } from './ReportTableTotals';
 
 type ChooseGraphProps = {
   data: DataEntity;
@@ -27,7 +27,7 @@ type ChooseGraphProps = {
   months: Month[];
 };
 
-function ChooseGraph({
+export function ChooseGraph({
   data,
   mode,
   graphType,
@@ -139,5 +139,3 @@ function ChooseGraph({
     );
   }
 }
-
-export default ChooseGraph;
diff --git a/packages/desktop-client/src/components/reports/Container.tsx b/packages/desktop-client/src/components/reports/Container.tsx
index 67ac425c086..f1108c72b4c 100644
--- a/packages/desktop-client/src/components/reports/Container.tsx
+++ b/packages/desktop-client/src/components/reports/Container.tsx
@@ -8,7 +8,7 @@ type ContainerProps = {
   style?: CSSProperties;
   children: (width: number, height: number, host: HTMLDivElement) => ReactNode;
 };
-export default function Container({ style, children }: ContainerProps) {
+export function Container({ style, children }: ContainerProps) {
   const portalHost = useRef<HTMLDivElement>(null);
 
   return (
diff --git a/packages/desktop-client/src/components/reports/DateRange.tsx b/packages/desktop-client/src/components/reports/DateRange.tsx
index 81d1fb44554..878cd6398e4 100644
--- a/packages/desktop-client/src/components/reports/DateRange.tsx
+++ b/packages/desktop-client/src/components/reports/DateRange.tsx
@@ -10,7 +10,7 @@ type DateRangeProps = {
   end: string;
 };
 
-function DateRange({
+export function DateRange({
   start: startProp,
   end: endProp,
 }: DateRangeProps): ReactElement {
@@ -36,5 +36,3 @@ function DateRange({
 
   return <Block style={{ color: theme.pageTextSubdued }}>{content}</Block>;
 }
-
-export default DateRange;
diff --git a/packages/desktop-client/src/components/reports/GraphButton.tsx b/packages/desktop-client/src/components/reports/GraphButton.tsx
index 96743090042..9d14e37783c 100644
--- a/packages/desktop-client/src/components/reports/GraphButton.tsx
+++ b/packages/desktop-client/src/components/reports/GraphButton.tsx
@@ -14,7 +14,7 @@ type GraphButtonProps = HTMLProps<HTMLButtonElement> & {
   disabled?: boolean;
 };
 
-const GraphButton = ({
+export const GraphButton = ({
   selected,
   children,
   onSelect,
@@ -55,5 +55,3 @@ const GraphButton = ({
     </HoverTarget>
   );
 };
-
-export default GraphButton;
diff --git a/packages/desktop-client/src/components/reports/Header.jsx b/packages/desktop-client/src/components/reports/Header.jsx
index 8005488fb22..cb97fb84a3f 100644
--- a/packages/desktop-client/src/components/reports/Header.jsx
+++ b/packages/desktop-client/src/components/reports/Header.jsx
@@ -61,7 +61,7 @@ export function getFullRange(allMonths) {
   return [start, end];
 }
 
-function Header({
+export function Header({
   title,
   start,
   end,
@@ -190,5 +190,3 @@ function Header({
     </View>
   );
 }
-
-export default Header;
diff --git a/packages/desktop-client/src/components/reports/LoadingIndicator.tsx b/packages/desktop-client/src/components/reports/LoadingIndicator.tsx
index 72540eb3423..f3c6a3128f6 100644
--- a/packages/desktop-client/src/components/reports/LoadingIndicator.tsx
+++ b/packages/desktop-client/src/components/reports/LoadingIndicator.tsx
@@ -9,7 +9,7 @@ type LoadingIndicatorProps = {
   message?: string;
 };
 
-const LoadingIndicator = ({ message }: LoadingIndicatorProps) => {
+export const LoadingIndicator = ({ message }: LoadingIndicatorProps) => {
   return (
     <View
       style={{
@@ -29,5 +29,3 @@ const LoadingIndicator = ({ message }: LoadingIndicatorProps) => {
     </View>
   );
 };
-
-export default LoadingIndicator;
diff --git a/packages/desktop-client/src/components/reports/ModeButton.tsx b/packages/desktop-client/src/components/reports/ModeButton.tsx
index 1cc1aed1f24..70b00bef7f1 100644
--- a/packages/desktop-client/src/components/reports/ModeButton.tsx
+++ b/packages/desktop-client/src/components/reports/ModeButton.tsx
@@ -10,7 +10,12 @@ type ModeButtonProps = {
   onSelect: MouseEventHandler<HTMLButtonElement>;
 };
 
-function ModeButton({ selected, children, style, onSelect }: ModeButtonProps) {
+export function ModeButton({
+  selected,
+  children,
+  style,
+  onSelect,
+}: ModeButtonProps) {
   return (
     <Button
       type="bare"
@@ -35,5 +40,3 @@ function ModeButton({ selected, children, style, onSelect }: ModeButtonProps) {
     </Button>
   );
 }
-
-export default ModeButton;
diff --git a/packages/desktop-client/src/components/reports/Overview.jsx b/packages/desktop-client/src/components/reports/Overview.jsx
index d593f5efa21..6eac086b5d6 100644
--- a/packages/desktop-client/src/components/reports/Overview.jsx
+++ b/packages/desktop-client/src/components/reports/Overview.jsx
@@ -5,13 +5,13 @@ import useFeatureFlag from '../../hooks/useFeatureFlag';
 import { styles } from '../../style';
 import { View } from '../common/View';
 
-import CashFlowCard from './reports/CashFlowCard';
-import CategorySpendingCard from './reports/CategorySpendingCard';
-import CustomReportCard from './reports/CustomReportCard';
-import NetWorthCard from './reports/NetWorthCard';
-import SankeyCard from './reports/SankeyCard';
+import { CashFlowCard } from './reports/CashFlowCard';
+import { CategorySpendingCard } from './reports/CategorySpendingCard';
+import { CustomReportCard } from './reports/CustomReportCard';
+import { NetWorthCard } from './reports/NetWorthCard';
+import { SankeyCard } from './reports/SankeyCard';
 
-export default function Overview() {
+export function Overview() {
   const categorySpendingReportFeatureFlag = useFeatureFlag(
     'categorySpendingReport',
   );
diff --git a/packages/desktop-client/src/components/reports/ReportCard.tsx b/packages/desktop-client/src/components/reports/ReportCard.tsx
index 89a50e687c8..0ff4e5e6074 100644
--- a/packages/desktop-client/src/components/reports/ReportCard.tsx
+++ b/packages/desktop-client/src/components/reports/ReportCard.tsx
@@ -4,7 +4,7 @@ import { theme } from '../../style';
 import { AnchorLink } from '../common/AnchorLink';
 import { View } from '../common/View';
 
-export default function ReportCard({ flex, to, style, children }) {
+export function ReportCard({ flex, to, style, children }) {
   const containerProps = { flex, margin: 15 };
 
   const content = (
diff --git a/packages/desktop-client/src/components/reports/ReportLegend.tsx b/packages/desktop-client/src/components/reports/ReportLegend.tsx
index 0cb81a79fdf..1c476333184 100644
--- a/packages/desktop-client/src/components/reports/ReportLegend.tsx
+++ b/packages/desktop-client/src/components/reports/ReportLegend.tsx
@@ -9,7 +9,7 @@ type ReportLegendProps = {
   groupBy: string;
 };
 
-function ReportLegend({ legend, groupBy }: ReportLegendProps) {
+export function ReportLegend({ legend, groupBy }: ReportLegendProps) {
   return (
     <View
       style={{
@@ -67,5 +67,3 @@ function ReportLegend({ legend, groupBy }: ReportLegendProps) {
     </View>
   );
 }
-
-export default ReportLegend;
diff --git a/packages/desktop-client/src/components/reports/ReportRouter.jsx b/packages/desktop-client/src/components/reports/ReportRouter.jsx
index 088c6942cfe..98063828a3c 100644
--- a/packages/desktop-client/src/components/reports/ReportRouter.jsx
+++ b/packages/desktop-client/src/components/reports/ReportRouter.jsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
 
-import Overview from './Overview';
-import CashFlow from './reports/CashFlow';
-import CategorySpending from './reports/CategorySpending';
-import CustomReport from './reports/CustomReport';
-import NetWorth from './reports/NetWorth';
-import Sankey from './reports/Sankey';
+import { Overview } from './Overview';
+import { CashFlow } from './reports/CashFlow';
+import { CategorySpending } from './reports/CategorySpending';
+import { CustomReport } from './reports/CustomReport';
+import { NetWorth } from './reports/NetWorth';
+import { Sankey } from './reports/Sankey';
 
 export function ReportRouter() {
   return (
diff --git a/packages/desktop-client/src/components/reports/ReportSidebar.jsx b/packages/desktop-client/src/components/reports/ReportSidebar.jsx
index a6969439c48..843ab3697de 100644
--- a/packages/desktop-client/src/components/reports/ReportSidebar.jsx
+++ b/packages/desktop-client/src/components/reports/ReportSidebar.jsx
@@ -8,7 +8,7 @@ import { Text } from '../common/Text';
 import { View } from '../common/View';
 import { Checkbox } from '../forms';
 
-import CategorySelector from './CategorySelector';
+import { CategorySelector } from './CategorySelector';
 import {
   validateStart,
   validateEnd,
@@ -16,7 +16,7 @@ import {
   getFullRange,
   validateRange,
 } from './Header';
-import ModeButton from './ModeButton';
+import { ModeButton } from './ModeButton';
 import { ReportOptions } from './ReportOptions';
 
 export function ReportSidebar({
diff --git a/packages/desktop-client/src/components/reports/ReportSummary.tsx b/packages/desktop-client/src/components/reports/ReportSummary.tsx
index da7c7da8e44..96e56427b00 100644
--- a/packages/desktop-client/src/components/reports/ReportSummary.tsx
+++ b/packages/desktop-client/src/components/reports/ReportSummary.tsx
@@ -22,7 +22,7 @@ type ReportSummaryProps = {
   monthsCount: number;
 };
 
-function ReportSummary({
+export function ReportSummary({
   startDate,
   endDate,
   data,
@@ -138,5 +138,3 @@ function ReportSummary({
     </View>
   );
 }
-
-export default ReportSummary;
diff --git a/packages/desktop-client/src/components/reports/ReportTable.tsx b/packages/desktop-client/src/components/reports/ReportTable.tsx
index 0fc31135b9b..389d3e8be23 100644
--- a/packages/desktop-client/src/components/reports/ReportTable.tsx
+++ b/packages/desktop-client/src/components/reports/ReportTable.tsx
@@ -17,7 +17,7 @@ type ReportTableProps = {
   handleScroll?: UIEventHandler<HTMLDivElement>;
 };
 
-export default function ReportTable({
+export function ReportTable({
   saveScrollWidth,
   listScrollRef,
   style,
diff --git a/packages/desktop-client/src/components/reports/ReportTableHeader.tsx b/packages/desktop-client/src/components/reports/ReportTableHeader.tsx
index aa012612281..57078fe32db 100644
--- a/packages/desktop-client/src/components/reports/ReportTableHeader.tsx
+++ b/packages/desktop-client/src/components/reports/ReportTableHeader.tsx
@@ -16,7 +16,7 @@ type ReportTableHeaderProps = {
   handleScroll?: UIEventHandler<HTMLDivElement>;
 };
 
-function ReportTableHeader({
+export function ReportTableHeader({
   scrollWidth,
   groupBy,
   interval,
@@ -110,5 +110,3 @@ function ReportTableHeader({
     </Row>
   );
 }
-
-export default ReportTableHeader;
diff --git a/packages/desktop-client/src/components/reports/ReportTableList.tsx b/packages/desktop-client/src/components/reports/ReportTableList.tsx
index e3d6a50f84e..eeb6e6fc2e9 100644
--- a/packages/desktop-client/src/components/reports/ReportTableList.tsx
+++ b/packages/desktop-client/src/components/reports/ReportTableList.tsx
@@ -186,7 +186,7 @@ function GroupedTableRow({
   );
 }
 
-export default function ReportTableList({
+export function ReportTableList({
   data,
   empty,
   monthsCount,
diff --git a/packages/desktop-client/src/components/reports/ReportTableTotals.tsx b/packages/desktop-client/src/components/reports/ReportTableTotals.tsx
index 105fa7dede9..df0e5b019e3 100644
--- a/packages/desktop-client/src/components/reports/ReportTableTotals.tsx
+++ b/packages/desktop-client/src/components/reports/ReportTableTotals.tsx
@@ -23,7 +23,7 @@ type ReportTableTotalsProps = {
   handleScroll: UIEventHandler<HTMLDivElement>;
 };
 
-function ReportTableTotals({
+export function ReportTableTotals({
   data,
   scrollWidth,
   balanceTypeOp,
@@ -155,5 +155,3 @@ function ReportTableTotals({
     </Row>
   );
 }
-
-export default ReportTableTotals;
diff --git a/packages/desktop-client/src/components/reports/ReportTopbar.jsx b/packages/desktop-client/src/components/reports/ReportTopbar.jsx
index f1b3bdf1715..ecee5ac37f4 100644
--- a/packages/desktop-client/src/components/reports/ReportTopbar.jsx
+++ b/packages/desktop-client/src/components/reports/ReportTopbar.jsx
@@ -11,7 +11,7 @@ import { theme } from '../../style';
 import { View } from '../common/View';
 import { FilterButton } from '../filters/FiltersMenu';
 
-import GraphButton from './GraphButton';
+import { GraphButton } from './GraphButton';
 import { SaveReportMenuButton } from './SaveReport';
 
 export function ReportTopbar({
diff --git a/packages/desktop-client/src/components/reports/Tooltip.jsx b/packages/desktop-client/src/components/reports/Tooltip.jsx
index 1f1a481708f..0ec50a81fd2 100644
--- a/packages/desktop-client/src/components/reports/Tooltip.jsx
+++ b/packages/desktop-client/src/components/reports/Tooltip.jsx
@@ -6,7 +6,7 @@ import { VictoryTooltip } from 'victory';
 
 import { theme } from '../../style';
 
-class Tooltip extends Component {
+export class Tooltip extends Component {
   static defaultEvents = VictoryTooltip.defaultEvents;
 
   render() {
@@ -84,5 +84,3 @@ class Tooltip extends Component {
     );
   }
 }
-
-export default Tooltip;
diff --git a/packages/desktop-client/src/components/reports/getCustomTick.ts b/packages/desktop-client/src/components/reports/getCustomTick.ts
index 07ab8f777b6..448d3301af9 100644
--- a/packages/desktop-client/src/components/reports/getCustomTick.ts
+++ b/packages/desktop-client/src/components/reports/getCustomTick.ts
@@ -1,9 +1,7 @@
-const getCustomTick = (value: string, isPrivacyModeEnabled: boolean) => {
+export const getCustomTick = (value: string, isPrivacyModeEnabled: boolean) => {
   if (isPrivacyModeEnabled) {
     return '...';
   } else {
     return value;
   }
 };
-
-export default getCustomTick;
diff --git a/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx b/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx
index 19c5694c423..b74606b16f1 100644
--- a/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/AreaGraph.tsx
@@ -18,9 +18,9 @@ import { theme } from '../../../style';
 import { type CSSProperties } from '../../../style';
 import { AlignedText } from '../../common/AlignedText';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Container from '../Container';
+import { Container } from '../Container';
 import { type DataEntity } from '../entities';
-import numberFormatterTooltip from '../numberFormatter';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type PayloadItem = {
   payload: {
@@ -98,7 +98,12 @@ type AreaGraphProps = {
   compact?: boolean;
 };
 
-function AreaGraph({ style, data, balanceTypeOp, compact }: AreaGraphProps) {
+export function AreaGraph({
+  style,
+  data,
+  balanceTypeOp,
+  compact,
+}: AreaGraphProps) {
   const privacyMode = usePrivacyMode();
 
   const tickFormatter = tick => {
@@ -197,5 +202,3 @@ function AreaGraph({ style, data, balanceTypeOp, compact }: AreaGraphProps) {
     </Container>
   );
 }
-
-export default AreaGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx b/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx
index 282ea713587..b189f8ac032 100644
--- a/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/BarGraph.tsx
@@ -20,10 +20,10 @@ import { theme } from '../../../style';
 import { type CSSProperties } from '../../../style';
 import { AlignedText } from '../../common/AlignedText';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Container from '../Container';
+import { Container } from '../Container';
 import { type DataEntity } from '../entities';
-import getCustomTick from '../getCustomTick';
-import numberFormatterTooltip from '../numberFormatter';
+import { getCustomTick } from '../getCustomTick';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type PayloadChild = {
   props: {
@@ -114,7 +114,7 @@ type BarGraphProps = {
   compact?: boolean;
 };
 
-function BarGraph({
+export function BarGraph({
   style,
   data,
   groupBy,
@@ -216,5 +216,3 @@ function BarGraph({
     </Container>
   );
 }
-
-export default BarGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx b/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx
index 213f6a295ba..08927d7ea50 100644
--- a/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/BarLineGraph.tsx
@@ -16,8 +16,8 @@ import { theme } from '../../../style';
 import { type CSSProperties } from '../../../style';
 import { AlignedText } from '../../common/AlignedText';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Container from '../Container';
-import numberFormatterTooltip from '../numberFormatter';
+import { Container } from '../Container';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type PayloadItem = {
   payload: {
@@ -75,7 +75,7 @@ type BarLineGraphProps = {
   compact?: boolean;
 };
 
-function BarLineGraph({ style, graphData, compact }: BarLineGraphProps) {
+export function BarLineGraph({ style, graphData, compact }: BarLineGraphProps) {
   const tickFormatter = tick => {
     return `${Math.round(tick).toLocaleString()}`; // Formats the tick values as strings with commas
   };
@@ -116,5 +116,3 @@ function BarLineGraph({ style, graphData, compact }: BarLineGraphProps) {
     </Container>
   );
 }
-
-export default BarLineGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.tsx b/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.tsx
index f5739966f4e..c3abe65d93d 100644
--- a/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/CashFlowGraph.tsx
@@ -12,14 +12,14 @@ import {
 
 import { theme } from '../../../style';
 import { chartTheme } from '../chart-theme';
-import Container from '../Container';
-import Tooltip from '../Tooltip';
+import { Container } from '../Container';
+import { Tooltip } from '../Tooltip';
 
 type CashFlowGraphProps = {
   graphData: { expenses; income; balances };
   isConcise: boolean;
 };
-function CashFlowGraph({ graphData, isConcise }: CashFlowGraphProps) {
+export function CashFlowGraph({ graphData, isConcise }: CashFlowGraphProps) {
   return (
     <Container>
       {(width, height, portalHost) =>
@@ -63,5 +63,3 @@ function CashFlowGraph({ graphData, isConcise }: CashFlowGraphProps) {
     </Container>
   );
 }
-
-export default CashFlowGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/CategorySpendingGraph.tsx b/packages/desktop-client/src/components/reports/graphs/CategorySpendingGraph.tsx
index 671101561e0..d4a221097a8 100644
--- a/packages/desktop-client/src/components/reports/graphs/CategorySpendingGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/CategorySpendingGraph.tsx
@@ -4,9 +4,9 @@ import * as d from 'date-fns';
 import { VictoryAxis, VictoryBar, VictoryChart, VictoryStack } from 'victory';
 
 import { chartTheme } from '../chart-theme';
-import Container from '../Container';
+import { Container } from '../Container';
 import { type CategorySpendingGraphData } from '../spreadsheets/category-spending-spreadsheet';
-import Tooltip from '../Tooltip';
+import { Tooltip } from '../Tooltip';
 
 import { Area } from './common';
 
@@ -17,7 +17,7 @@ type CategorySpendingGraphProps = {
   compact?: boolean;
   style?: CSSProperties;
 };
-function CategorySpendingGraph({
+export function CategorySpendingGraph({
   style,
   start,
   end,
@@ -83,5 +83,3 @@ function CategorySpendingGraph({
     </Container>
   );
 }
-
-export default CategorySpendingGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx b/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx
index 5599fb5c733..b815e4259c6 100644
--- a/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/DonutGraph.tsx
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { PieChart, Pie, Cell, Sector, ResponsiveContainer } from 'recharts';
 
 import { type CSSProperties } from '../../../style';
-import Container from '../Container';
+import { Container } from '../Container';
 import { type DataEntity } from '../entities';
 
 const RADIAN = Math.PI / 180;
@@ -92,7 +92,7 @@ type DonutGraphProps = {
   compact?: boolean;
 };
 
-function DonutGraph({
+export function DonutGraph({
   style,
   data,
   groupBy,
@@ -153,5 +153,3 @@ function DonutGraph({
     </Container>
   );
 }
-
-export default DonutGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx b/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx
index 225eda60974..1eaa2b9aa8a 100644
--- a/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/LineGraph.tsx
@@ -15,8 +15,8 @@ import { theme } from '../../../style';
 import { type CSSProperties } from '../../../style';
 import { AlignedText } from '../../common/AlignedText';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Container from '../Container';
-import numberFormatterTooltip from '../numberFormatter';
+import { Container } from '../Container';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type PayloadItem = {
   payload: {
@@ -74,7 +74,7 @@ type LineGraphProps = {
   compact?: boolean;
 };
 
-function LineGraph({ style, graphData, compact }: LineGraphProps) {
+export function LineGraph({ style, graphData, compact }: LineGraphProps) {
   const tickFormatter = tick => {
     return `${Math.round(tick).toLocaleString()}`; // Formats the tick values as strings with commas
   };
@@ -114,5 +114,3 @@ function LineGraph({ style, graphData, compact }: LineGraphProps) {
     </Container>
   );
 }
-
-export default LineGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx b/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
index 9ebfe2ad659..4de8d311b3f 100644
--- a/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/NetWorthGraph.tsx
@@ -14,8 +14,8 @@ import {
 import { theme } from '../../../style';
 import { type CSSProperties } from '../../../style';
 import { AlignedText } from '../../common/AlignedText';
-import Container from '../Container';
-import numberFormatterTooltip from '../numberFormatter';
+import { Container } from '../Container';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type NetWorthGraphProps = {
   style?: CSSProperties;
@@ -26,7 +26,7 @@ type NetWorthGraphProps = {
   };
 };
 
-function NetWorthGraph({
+export function NetWorthGraph({
   style,
   graphData,
   compact,
@@ -178,5 +178,3 @@ function NetWorthGraph({
     </Container>
   );
 }
-
-export default NetWorthGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/SankeyGraph.tsx b/packages/desktop-client/src/components/reports/graphs/SankeyGraph.tsx
index 753009a029f..a41a90fe47d 100644
--- a/packages/desktop-client/src/components/reports/graphs/SankeyGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/SankeyGraph.tsx
@@ -8,8 +8,8 @@ import {
   ResponsiveContainer,
 } from 'recharts';
 
-import Container from '../Container';
-import numberFormatterTooltip from '../numberFormatter';
+import { Container } from '../Container';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type SankeyProps = {
   style;
@@ -78,7 +78,7 @@ function convertToCondensed(data) {
   };
 }
 
-function SankeyGraph({ style, data, compact }: SankeyProps) {
+export function SankeyGraph({ style, data, compact }: SankeyProps) {
   const sankeyData = compact ? convertToCondensed(data) : data;
 
   if (!data.links || data.links.length === 0) return null;
@@ -134,5 +134,3 @@ function SankeyGraph({ style, data, compact }: SankeyProps) {
     </Container>
   );
 }
-
-export default SankeyGraph;
diff --git a/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx b/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx
index 9b94381cbe8..77284b95d0d 100644
--- a/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx
+++ b/packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx
@@ -18,10 +18,10 @@ import { theme } from '../../../style';
 import { type CSSProperties } from '../../../style';
 import { AlignedText } from '../../common/AlignedText';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Container from '../Container';
+import { Container } from '../Container';
 import { type DataEntity } from '../entities';
-import getCustomTick from '../getCustomTick';
-import numberFormatterTooltip from '../numberFormatter';
+import { getCustomTick } from '../getCustomTick';
+import { numberFormatterTooltip } from '../numberFormatter';
 
 type PayloadItem = {
   name: string;
@@ -97,7 +97,11 @@ type StackedBarGraphProps = {
   compact?: boolean;
 };
 
-function StackedBarGraph({ style, data, compact }: StackedBarGraphProps) {
+export function StackedBarGraph({
+  style,
+  data,
+  compact,
+}: StackedBarGraphProps) {
   const privacyMode = usePrivacyMode();
 
   return (
@@ -155,5 +159,3 @@ function StackedBarGraph({ style, data, compact }: StackedBarGraphProps) {
     </Container>
   );
 }
-
-export default StackedBarGraph;
diff --git a/packages/desktop-client/src/components/reports/index.tsx b/packages/desktop-client/src/components/reports/index.tsx
index 2ef19bc4c29..ad7812ae2c6 100644
--- a/packages/desktop-client/src/components/reports/index.tsx
+++ b/packages/desktop-client/src/components/reports/index.tsx
@@ -1,7 +1,7 @@
 import { View } from '../common/View';
 import { LoadComponent } from '../util/LoadComponent';
 
-export default function Reports() {
+export function Reports() {
   return (
     <View style={{ flex: 1 }} data-testid="reports-page">
       <LoadComponent
diff --git a/packages/desktop-client/src/components/reports/numberFormatter.ts b/packages/desktop-client/src/components/reports/numberFormatter.ts
index cf6af80c967..30ba350e698 100644
--- a/packages/desktop-client/src/components/reports/numberFormatter.ts
+++ b/packages/desktop-client/src/components/reports/numberFormatter.ts
@@ -1,10 +1,10 @@
 type PotentialNumber = number | string | undefined | null;
 
-const numberFormatterTooltip = (value: PotentialNumber): number | null => {
+export const numberFormatterTooltip = (
+  value: PotentialNumber,
+): number | null => {
   if (typeof value === 'number') {
     return Math.round(value);
   }
   return null; // or some default value for other cases
 };
-
-export default numberFormatterTooltip;
diff --git a/packages/desktop-client/src/components/reports/reports/CashFlow.tsx b/packages/desktop-client/src/components/reports/reports/CashFlow.tsx
index 35eace4441d..628bed7a892 100644
--- a/packages/desktop-client/src/components/reports/reports/CashFlow.tsx
+++ b/packages/desktop-client/src/components/reports/reports/CashFlow.tsx
@@ -14,13 +14,13 @@ import { Paragraph } from '../../common/Paragraph';
 import { Text } from '../../common/Text';
 import { View } from '../../common/View';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Change from '../Change';
-import CashFlowGraph from '../graphs/CashFlowGraph';
-import Header from '../Header';
+import { Change } from '../Change';
+import { CashFlowGraph } from '../graphs/CashFlowGraph';
+import { Header } from '../Header';
 import { cashFlowByDate } from '../spreadsheets/cash-flow-spreadsheet';
-import useReport from '../useReport';
+import { useReport } from '../useReport';
 
-export default function CashFlow(): JSX.Element {
+export function CashFlow(): JSX.Element {
   const {
     filters,
     conditionsOp,
diff --git a/packages/desktop-client/src/components/reports/reports/CashFlowCard.jsx b/packages/desktop-client/src/components/reports/reports/CashFlowCard.jsx
index c1e5ee0b242..30df9368c5f 100644
--- a/packages/desktop-client/src/components/reports/reports/CashFlowCard.jsx
+++ b/packages/desktop-client/src/components/reports/reports/CashFlowCard.jsx
@@ -9,17 +9,17 @@ import { theme, styles } from '../../../style';
 import { Block } from '../../common/Block';
 import { View } from '../../common/View';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Change from '../Change';
+import { Change } from '../Change';
 import { chartTheme } from '../chart-theme';
-import Container from '../Container';
-import DateRange from '../DateRange';
-import LoadingIndicator from '../LoadingIndicator';
-import ReportCard from '../ReportCard';
+import { Container } from '../Container';
+import { DateRange } from '../DateRange';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { ReportCard } from '../ReportCard';
 import { simpleCashFlow } from '../spreadsheets/cash-flow-spreadsheet';
-import Tooltip from '../Tooltip';
-import useReport from '../useReport';
+import { Tooltip } from '../Tooltip';
+import { useReport } from '../useReport';
 
-function CashFlowCard() {
+export function CashFlowCard() {
   const end = monthUtils.currentDay();
   const start = monthUtils.currentMonth() + '-01';
 
@@ -149,5 +149,3 @@ function CashFlowCard() {
     </ReportCard>
   );
 }
-
-export default CashFlowCard;
diff --git a/packages/desktop-client/src/components/reports/reports/CategorySpending.jsx b/packages/desktop-client/src/components/reports/reports/CategorySpending.jsx
index 700f8a28d9f..2561497b4af 100644
--- a/packages/desktop-client/src/components/reports/reports/CategorySpending.jsx
+++ b/packages/desktop-client/src/components/reports/reports/CategorySpending.jsx
@@ -9,14 +9,14 @@ import useCategories from '../../../hooks/useCategories';
 import { styles } from '../../../style';
 import { Select } from '../../common/Select';
 import { View } from '../../common/View';
-import CategorySelector from '../CategorySelector';
-import CategorySpendingGraph from '../graphs/CategorySpendingGraph';
-import Header from '../Header';
-import categorySpendingSpreadsheet from '../spreadsheets/category-spending-spreadsheet';
-import useReport from '../useReport';
+import { CategorySelector } from '../CategorySelector';
+import { CategorySpendingGraph } from '../graphs/CategorySpendingGraph';
+import { Header } from '../Header';
+import { createSpreadsheet as categorySpendingSpreadsheet } from '../spreadsheets/category-spending-spreadsheet';
+import { useReport } from '../useReport';
 import { fromDateRepr } from '../util';
 
-function CategorySpending() {
+export function CategorySpending() {
   const categories = useCategories();
 
   const [selectedCategories, setSelectedCategories] = useState(null);
@@ -173,5 +173,3 @@ function CategorySpending() {
     </View>
   );
 }
-
-export default CategorySpending;
diff --git a/packages/desktop-client/src/components/reports/reports/CategorySpendingCard.jsx b/packages/desktop-client/src/components/reports/reports/CategorySpendingCard.jsx
index 4fdf8985746..e70f2be6d1b 100644
--- a/packages/desktop-client/src/components/reports/reports/CategorySpendingCard.jsx
+++ b/packages/desktop-client/src/components/reports/reports/CategorySpendingCard.jsx
@@ -6,14 +6,14 @@ import useCategories from '../../../hooks/useCategories';
 import { styles } from '../../../style';
 import { Block } from '../../common/Block';
 import { View } from '../../common/View';
-import DateRange from '../DateRange';
-import CategorySpendingGraph from '../graphs/CategorySpendingGraph';
-import LoadingIndicator from '../LoadingIndicator';
-import ReportCard from '../ReportCard';
-import categorySpendingSpreadsheet from '../spreadsheets/category-spending-spreadsheet';
-import useReport from '../useReport';
-
-function CategorySpendingCard() {
+import { DateRange } from '../DateRange';
+import { CategorySpendingGraph } from '../graphs/CategorySpendingGraph';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { ReportCard } from '../ReportCard';
+import { createSpreadsheet as categorySpendingSpreadsheet } from '../spreadsheets/category-spending-spreadsheet';
+import { useReport } from '../useReport';
+
+export function CategorySpendingCard() {
   const { list: categories = [] } = useCategories();
 
   const end = monthUtils.currentDay();
@@ -59,5 +59,3 @@ function CategorySpendingCard() {
     </ReportCard>
   );
 }
-
-export default CategorySpendingCard;
diff --git a/packages/desktop-client/src/components/reports/reports/CustomReport.jsx b/packages/desktop-client/src/components/reports/reports/CustomReport.jsx
index d09c984f071..afad8d2ddc2 100644
--- a/packages/desktop-client/src/components/reports/reports/CustomReport.jsx
+++ b/packages/desktop-client/src/components/reports/reports/CustomReport.jsx
@@ -19,20 +19,20 @@ import { Text } from '../../common/Text';
 import { View } from '../../common/View';
 import { AppliedFilters } from '../../filters/FiltersMenu';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import ChooseGraph from '../ChooseGraph';
-import Header from '../Header';
-import LoadingIndicator from '../LoadingIndicator';
-import ReportLegend from '../ReportLegend';
+import { ChooseGraph } from '../ChooseGraph';
+import { Header } from '../Header';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { ReportLegend } from '../ReportLegend';
 import { ReportOptions } from '../ReportOptions';
 import { ReportSidebar } from '../ReportSidebar';
-import ReportSummary from '../ReportSummary';
+import { ReportSummary } from '../ReportSummary';
 import { ReportTopbar } from '../ReportTopbar';
-import defaultSpreadsheet from '../spreadsheets/default-spreadsheet';
-import groupedSpreadsheet from '../spreadsheets/grouped-spreadsheet';
-import useReport from '../useReport';
+import { createSpreadsheet as defaultSpreadsheet } from '../spreadsheets/default-spreadsheet';
+import { createGroupedSpreadsheet as groupedSpreadsheet } from '../spreadsheets/grouped-spreadsheet';
+import { useReport } from '../useReport';
 import { fromDateRepr } from '../util';
 
-export default function CustomReport() {
+export function CustomReport() {
   const categories = useCategories();
 
   const viewLegend =
diff --git a/packages/desktop-client/src/components/reports/reports/CustomReportCard.jsx b/packages/desktop-client/src/components/reports/reports/CustomReportCard.jsx
index 9373c1d5e69..13ca7964f9d 100644
--- a/packages/desktop-client/src/components/reports/reports/CustomReportCard.jsx
+++ b/packages/desktop-client/src/components/reports/reports/CustomReportCard.jsx
@@ -6,14 +6,14 @@ import useCategories from '../../../hooks/useCategories';
 import { styles } from '../../../style';
 import { Block } from '../../common/Block';
 import { View } from '../../common/View';
-import DateRange from '../DateRange';
-import BarGraph from '../graphs/BarGraph';
-import LoadingIndicator from '../LoadingIndicator';
-import ReportCard from '../ReportCard';
-import defaultSpreadsheet from '../spreadsheets/default-spreadsheet';
-import useReport from '../useReport';
-
-function CustomReportCard() {
+import { DateRange } from '../DateRange';
+import { BarGraph } from '../graphs/BarGraph';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { ReportCard } from '../ReportCard';
+import { createSpreadsheet as defaultSpreadsheet } from '../spreadsheets/default-spreadsheet';
+import { useReport } from '../useReport';
+
+export function CustomReportCard() {
   const categories = useCategories();
 
   const endDate = monthUtils.currentMonth();
@@ -61,5 +61,3 @@ function CustomReportCard() {
     </ReportCard>
   );
 }
-
-export default CustomReportCard;
diff --git a/packages/desktop-client/src/components/reports/reports/NetWorth.jsx b/packages/desktop-client/src/components/reports/reports/NetWorth.jsx
index 5cdd038b576..42b2729a92d 100644
--- a/packages/desktop-client/src/components/reports/reports/NetWorth.jsx
+++ b/packages/desktop-client/src/components/reports/reports/NetWorth.jsx
@@ -12,14 +12,14 @@ import { theme, styles } from '../../../style';
 import { Paragraph } from '../../common/Paragraph';
 import { View } from '../../common/View';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Change from '../Change';
-import NetWorthGraph from '../graphs/NetWorthGraph';
-import Header from '../Header';
-import netWorthSpreadsheet from '../spreadsheets/net-worth-spreadsheet';
-import useReport from '../useReport';
+import { Change } from '../Change';
+import { NetWorthGraph } from '../graphs/NetWorthGraph';
+import { Header } from '../Header';
+import { createSpreadsheet as netWorthSpreadsheet } from '../spreadsheets/net-worth-spreadsheet';
+import { useReport } from '../useReport';
 import { fromDateRepr } from '../util';
 
-function NetWorth() {
+export function NetWorth() {
   const accounts = useSelector(state => state.queries.accounts);
   const {
     filters,
@@ -152,5 +152,3 @@ function NetWorth() {
     </View>
   );
 }
-
-export default NetWorth;
diff --git a/packages/desktop-client/src/components/reports/reports/NetWorthCard.jsx b/packages/desktop-client/src/components/reports/reports/NetWorthCard.jsx
index 88c6d7d74a8..3b2963bd4a4 100644
--- a/packages/desktop-client/src/components/reports/reports/NetWorthCard.jsx
+++ b/packages/desktop-client/src/components/reports/reports/NetWorthCard.jsx
@@ -7,15 +7,15 @@ import { theme, styles } from '../../../style';
 import { Block } from '../../common/Block';
 import { View } from '../../common/View';
 import { PrivacyFilter } from '../../PrivacyFilter';
-import Change from '../Change';
-import DateRange from '../DateRange';
-import NetWorthGraph from '../graphs/NetWorthGraph';
-import LoadingIndicator from '../LoadingIndicator';
-import ReportCard from '../ReportCard';
-import netWorthSpreadsheet from '../spreadsheets/net-worth-spreadsheet';
-import useReport from '../useReport';
+import { Change } from '../Change';
+import { DateRange } from '../DateRange';
+import { NetWorthGraph } from '../graphs/NetWorthGraph';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { ReportCard } from '../ReportCard';
+import { createSpreadsheet as netWorthSpreadsheet } from '../spreadsheets/net-worth-spreadsheet';
+import { useReport } from '../useReport';
 
-function NetWorthCard({ accounts }) {
+export function NetWorthCard({ accounts }) {
   const end = monthUtils.currentMonth();
   const start = monthUtils.subMonths(end, 5);
   const [isCardHovered, setIsCardHovered] = useState(false);
@@ -83,5 +83,3 @@ function NetWorthCard({ accounts }) {
     </ReportCard>
   );
 }
-
-export default NetWorthCard;
diff --git a/packages/desktop-client/src/components/reports/reports/Sankey.jsx b/packages/desktop-client/src/components/reports/reports/Sankey.jsx
index 8edcd5efdb2..25897169c00 100644
--- a/packages/desktop-client/src/components/reports/reports/Sankey.jsx
+++ b/packages/desktop-client/src/components/reports/reports/Sankey.jsx
@@ -10,13 +10,13 @@ import useFilters from '../../../hooks/useFilters';
 import { theme, styles } from '../../../style';
 import { Paragraph } from '../../common/Paragraph';
 import { View } from '../../common/View';
-import SankeyGraph from '../graphs/SankeyGraph';
-import Header from '../Header';
-import sankeySpreadsheet from '../spreadsheets/sankey-spreadsheet';
-import useReport from '../useReport';
+import { SankeyGraph } from '../graphs/SankeyGraph';
+import { Header } from '../Header';
+import { createSpreadsheet as sankeySpreadsheet } from '../spreadsheets/sankey-spreadsheet';
+import { useReport } from '../useReport';
 import { fromDateRepr } from '../util';
 
-export default function Sankey() {
+export function Sankey() {
   const { grouped: categoryGroups } = useCategories();
   const {
     filters,
diff --git a/packages/desktop-client/src/components/reports/reports/SankeyCard.jsx b/packages/desktop-client/src/components/reports/reports/SankeyCard.jsx
index 93df042ff5a..7e09b06e302 100644
--- a/packages/desktop-client/src/components/reports/reports/SankeyCard.jsx
+++ b/packages/desktop-client/src/components/reports/reports/SankeyCard.jsx
@@ -6,14 +6,14 @@ import useCategories from '../../../hooks/useCategories';
 import { styles } from '../../../style';
 import { Block } from '../../common/Block';
 import { View } from '../../common/View';
-import DateRange from '../DateRange';
-import SankeyGraph from '../graphs/SankeyGraph';
-import LoadingIndicator from '../LoadingIndicator';
-import ReportCard from '../ReportCard';
-import sankeySpreadsheet from '../spreadsheets/sankey-spreadsheet';
-import useReport from '../useReport';
+import { DateRange } from '../DateRange';
+import { SankeyGraph } from '../graphs/SankeyGraph';
+import { LoadingIndicator } from '../LoadingIndicator';
+import { ReportCard } from '../ReportCard';
+import { createSpreadsheet as sankeySpreadsheet } from '../spreadsheets/sankey-spreadsheet';
+import { useReport } from '../useReport';
 
-function SankeyCard() {
+export function SankeyCard() {
   const { grouped: categoryGroups } = useCategories();
   const end = monthUtils.currentMonth();
   const start = monthUtils.subMonths(end, 5);
@@ -47,5 +47,3 @@ function SankeyCard() {
     </ReportCard>
   );
 }
-
-export default SankeyCard;
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/calculateLegend.ts b/packages/desktop-client/src/components/reports/spreadsheets/calculateLegend.ts
index 7ff756f4fcb..db55ead21b4 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/calculateLegend.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/calculateLegend.ts
@@ -2,7 +2,7 @@ import { theme } from '../../../style';
 import { getColorScale } from '../chart-theme';
 import { type ItemEntity, type MonthData } from '../entities';
 
-function calculateLegend(
+export function calculateLegend(
   monthData: MonthData[],
   calcDataFiltered: ItemEntity[],
   groupBy: string,
@@ -27,5 +27,3 @@ function calculateLegend(
     };
   });
 }
-
-export default calculateLegend;
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/category-spending-spreadsheet.tsx b/packages/desktop-client/src/components/reports/spreadsheets/category-spending-spreadsheet.tsx
index d527bbdf804..1a55f7b545d 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/category-spending-spreadsheet.tsx
+++ b/packages/desktop-client/src/components/reports/spreadsheets/category-spending-spreadsheet.tsx
@@ -39,7 +39,7 @@ type CategoryBudgetPerMonth = {
   [month: string]: CategoryBudgetForMonth;
 };
 
-export default function createSpreadsheet(
+export function createSpreadsheet(
   start: string | null,
   end: string | null,
   numberOfMonthsAverage: number,
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/default-spreadsheet.ts b/packages/desktop-client/src/components/reports/spreadsheets/default-spreadsheet.ts
index e26e1736090..0fde5493c09 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/default-spreadsheet.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/default-spreadsheet.ts
@@ -14,10 +14,10 @@ import {
 
 import { categoryLists, groupBySelections } from '../ReportOptions';
 
-import calculateLegend from './calculateLegend';
-import filterHiddenItems from './filterHiddenItems';
-import makeQuery from './makeQuery';
-import recalculate from './recalculate';
+import { calculateLegend } from './calculateLegend';
+import { filterHiddenItems } from './filterHiddenItems';
+import { makeQuery } from './makeQuery';
+import { recalculate } from './recalculate';
 
 export type createSpreadsheetProps = {
   startDate: string;
@@ -37,7 +37,7 @@ export type createSpreadsheetProps = {
   graphType: string;
 };
 
-export default function createSpreadsheet({
+export function createSpreadsheet({
   startDate,
   endDate,
   categories,
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/filterHiddenItems.ts b/packages/desktop-client/src/components/reports/spreadsheets/filterHiddenItems.ts
index 0498ad09357..3b7d2dee3d8 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/filterHiddenItems.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/filterHiddenItems.ts
@@ -3,7 +3,10 @@ import {
   type UncategorizedEntity,
 } from '../ReportOptions';
 
-function filterHiddenItems(item: UncategorizedEntity, data: QueryDataEntity[]) {
+export function filterHiddenItems(
+  item: UncategorizedEntity,
+  data: QueryDataEntity[],
+) {
   return data.filter(asset => {
     if (!item.uncategorized_id) {
       return true;
@@ -20,5 +23,3 @@ function filterHiddenItems(item: UncategorizedEntity, data: QueryDataEntity[]) {
     return isTransfer && isHidden && isOffBudget;
   });
 }
-
-export default filterHiddenItems;
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/grouped-spreadsheet.ts b/packages/desktop-client/src/components/reports/spreadsheets/grouped-spreadsheet.ts
index 49e7bd82e53..46256aabba6 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/grouped-spreadsheet.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/grouped-spreadsheet.ts
@@ -6,11 +6,11 @@ import { integerToAmount } from 'loot-core/src/shared/util';
 import { categoryLists } from '../ReportOptions';
 
 import { type createSpreadsheetProps } from './default-spreadsheet';
-import filterHiddenItems from './filterHiddenItems';
-import makeQuery from './makeQuery';
-import recalculate from './recalculate';
+import { filterHiddenItems } from './filterHiddenItems';
+import { makeQuery } from './makeQuery';
+import { recalculate } from './recalculate';
 
-function createGroupedSpreadsheet({
+export function createGroupedSpreadsheet({
   startDate,
   endDate,
   categories,
@@ -146,5 +146,3 @@ function createGroupedSpreadsheet({
     );
   };
 }
-
-export default createGroupedSpreadsheet;
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/makeQuery.ts b/packages/desktop-client/src/components/reports/spreadsheets/makeQuery.ts
index 6d6ee2ca349..8a5658fd4c8 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/makeQuery.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/makeQuery.ts
@@ -1,7 +1,7 @@
 import q from 'loot-core/src/client/query-helpers';
 import { type CategoryEntity } from 'loot-core/src/types/models';
 
-function makeQuery(
+export function makeQuery(
   name: string,
   startDate: string,
   endDate: string,
@@ -82,5 +82,3 @@ function makeQuery(
       { amount: { $sum: '$amount' } },
     ]);
 }
-
-export default makeQuery;
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/net-worth-spreadsheet.ts b/packages/desktop-client/src/components/reports/spreadsheets/net-worth-spreadsheet.ts
index 328f8354f03..5fb348c6dfc 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/net-worth-spreadsheet.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/net-worth-spreadsheet.ts
@@ -11,7 +11,7 @@ import {
 
 import { index } from '../util';
 
-export default function createSpreadsheet(
+export function createSpreadsheet(
   start,
   end,
   accounts,
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/recalculate.ts b/packages/desktop-client/src/components/reports/spreadsheets/recalculate.ts
index e6b516dfaef..1baf9d72c29 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/recalculate.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/recalculate.ts
@@ -4,7 +4,7 @@ import { amountToInteger, integerToAmount } from 'loot-core/src/shared/util';
 
 import { type QueryDataEntity } from '../ReportOptions';
 
-import filterHiddenItems from './filterHiddenItems';
+import { filterHiddenItems } from './filterHiddenItems';
 
 type recalculateProps = {
   item;
@@ -14,7 +14,7 @@ type recalculateProps = {
   groupByLabel: string;
 };
 
-function recalculate({
+export function recalculate({
   item,
   months,
   assets,
@@ -65,5 +65,3 @@ function recalculate({
     monthData,
   };
 }
-
-export default recalculate;
diff --git a/packages/desktop-client/src/components/reports/spreadsheets/sankey-spreadsheet.ts b/packages/desktop-client/src/components/reports/spreadsheets/sankey-spreadsheet.ts
index cafb5ae568f..0a3bf9fe634 100644
--- a/packages/desktop-client/src/components/reports/spreadsheets/sankey-spreadsheet.ts
+++ b/packages/desktop-client/src/components/reports/spreadsheets/sankey-spreadsheet.ts
@@ -2,7 +2,7 @@ import q, { runQuery } from 'loot-core/src/client/query-helpers';
 import { send } from 'loot-core/src/platform/client/fetch';
 import { integerToAmount } from 'loot-core/src/shared/util';
 
-export default function createSpreadsheet(
+export function createSpreadsheet(
   start,
   end,
   categories,
diff --git a/packages/desktop-client/src/components/reports/useReport.ts b/packages/desktop-client/src/components/reports/useReport.ts
index 0e010d13517..f83f28e1237 100644
--- a/packages/desktop-client/src/components/reports/useReport.ts
+++ b/packages/desktop-client/src/components/reports/useReport.ts
@@ -2,7 +2,7 @@ import { useState, useEffect, type SetStateAction } from 'react';
 
 import { useSpreadsheet } from 'loot-core/src/client/SpreadsheetProvider';
 
-function useReport(
+export function useReport(
   sheetName: string,
   getData: (
     spreadsheet: ReturnType<typeof useSpreadsheet>,
@@ -23,5 +23,3 @@ function useReport(
   }, [getData]);
   return results;
 }
-
-export default useReport;
diff --git a/packages/desktop-client/src/components/responsive/wide.ts b/packages/desktop-client/src/components/responsive/wide.ts
index b9c29d0744d..5b54b8eac01 100644
--- a/packages/desktop-client/src/components/responsive/wide.ts
+++ b/packages/desktop-client/src/components/responsive/wide.ts
@@ -1,8 +1,8 @@
 export { Budget } from '../budget';
 
-export { default as Schedules } from '../schedules';
+export { Schedules } from '../schedules';
 
-export { default as GoCardlessLink } from '../gocardless/GoCardlessLink';
+export { GoCardlessLink } from '../gocardless/GoCardlessLink';
 
 export { Account as Accounts } from '../accounts/Account';
 export { Account } from '../accounts/Account';
diff --git a/packages/desktop-client/src/components/schedules/DiscoverSchedules.tsx b/packages/desktop-client/src/components/schedules/DiscoverSchedules.tsx
index e74d7ebcc2d..abdbcda75af 100644
--- a/packages/desktop-client/src/components/schedules/DiscoverSchedules.tsx
+++ b/packages/desktop-client/src/components/schedules/DiscoverSchedules.tsx
@@ -123,7 +123,7 @@ function DiscoverSchedulesTable({
   );
 }
 
-export default function DiscoverSchedules({
+export function DiscoverSchedules({
   modalProps,
   actions,
 }: {
diff --git a/packages/desktop-client/src/components/schedules/PostsOfflineNotification.jsx b/packages/desktop-client/src/components/schedules/PostsOfflineNotification.jsx
index 13f936374cd..8ab41ab7045 100644
--- a/packages/desktop-client/src/components/schedules/PostsOfflineNotification.jsx
+++ b/packages/desktop-client/src/components/schedules/PostsOfflineNotification.jsx
@@ -11,7 +11,7 @@ import { Stack } from '../common/Stack';
 import { Text } from '../common/Text';
 import DisplayId from '../util/DisplayId';
 
-export default function PostsOfflineNotification({ modalProps, actions }) {
+export function PostsOfflineNotification({ modalProps, actions }) {
   const location = useLocation();
 
   const payees = (location.state && location.state.payees) || [];
diff --git a/packages/desktop-client/src/components/schedules/EditSchedule.jsx b/packages/desktop-client/src/components/schedules/ScheduleDetails.jsx
similarity index 99%
rename from packages/desktop-client/src/components/schedules/EditSchedule.jsx
rename to packages/desktop-client/src/components/schedules/ScheduleDetails.jsx
index 5070796561d..005131a1626 100644
--- a/packages/desktop-client/src/components/schedules/EditSchedule.jsx
+++ b/packages/desktop-client/src/components/schedules/ScheduleDetails.jsx
@@ -66,7 +66,7 @@ function updateScheduleConditions(schedule, fields) {
   };
 }
 
-export default function ScheduleDetails({ modalProps, actions, id }) {
+export function ScheduleDetails({ modalProps, actions, id }) {
   const adding = id == null;
   const payees = useCachedPayees({ idKey: true });
   const globalDispatch = useDispatch();
diff --git a/packages/desktop-client/src/components/schedules/LinkSchedule.tsx b/packages/desktop-client/src/components/schedules/ScheduleLink.tsx
similarity index 98%
rename from packages/desktop-client/src/components/schedules/LinkSchedule.tsx
rename to packages/desktop-client/src/components/schedules/ScheduleLink.tsx
index 1c6f0489e61..3c3964508ad 100644
--- a/packages/desktop-client/src/components/schedules/LinkSchedule.tsx
+++ b/packages/desktop-client/src/components/schedules/ScheduleLink.tsx
@@ -13,7 +13,7 @@ import { View } from '../common/View';
 
 import { ROW_HEIGHT, SchedulesTable } from './SchedulesTable';
 
-export default function ScheduleLink({
+export function ScheduleLink({
   modalProps,
   actions,
   transactionIds: ids,
diff --git a/packages/desktop-client/src/components/schedules/index.tsx b/packages/desktop-client/src/components/schedules/index.tsx
index 660f0a07868..d04809cbd04 100644
--- a/packages/desktop-client/src/components/schedules/index.tsx
+++ b/packages/desktop-client/src/components/schedules/index.tsx
@@ -13,7 +13,7 @@ import { Page } from '../Page';
 
 import { SchedulesTable, type ScheduleItemAction } from './SchedulesTable';
 
-export default function Schedules() {
+export function Schedules() {
   const { pushModal } = useActions();
   const [filter, setFilter] = useState('');
 
diff --git a/upcoming-release-notes/2170.md b/upcoming-release-notes/2170.md
new file mode 100644
index 00000000000..c601b030498
--- /dev/null
+++ b/upcoming-release-notes/2170.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [joel-jeremy]
+---
+
+eslint: no default exports - part 8