Merge branch 'barrel' into 'main'

Remove src/hooks barrel export

Closes #1758

See merge request soapbox-pub/soapbox!3233

src/api/hooks/accounts/useAccount.ts

@@ -3,7 +3,9 @@ import { useHistory } from 'react-router-dom';
 
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 import { type Account, accountSchema } from 'soapbox/schemas/index.ts';
 
 import { useRelationship } from './useRelationship.ts';

src/api/hooks/accounts/useAccountList.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { Account, accountSchema } from 'soapbox/schemas/index.ts';
 
 import { useRelationships } from './useRelationships.ts';

src/api/hooks/accounts/useAccountLookup.ts

@@ -3,7 +3,9 @@ import { useHistory } from 'react-router-dom';
 
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntityLookup } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 import { type Account, accountSchema } from 'soapbox/schemas/index.ts';
 
 import { useRelationship } from './useRelationship.ts';

src/api/hooks/accounts/useFollow.ts

@@ -1,7 +1,9 @@
 import { importEntities } from 'soapbox/entity-store/actions.ts';
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useTransaction } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useAppDispatch, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 import { relationshipSchema } from 'soapbox/schemas/index.ts';
 
 interface FollowOpts {

src/api/hooks/accounts/usePatronUser.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 import { type PatronUser, patronUserSchema } from 'soapbox/schemas/index.ts';
 

src/api/hooks/accounts/useRelationship.ts

@@ -2,7 +2,7 @@ import { z } from 'zod';
 
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { type Relationship, relationshipSchema } from 'soapbox/schemas/index.ts';
 
 interface UseRelationshipOpts {

src/api/hooks/accounts/useRelationships.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useBatchedEntities } from 'soapbox/entity-store/hooks/useBatchedEntities.ts';
-import { useApi, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 import { type Relationship, relationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useRelationships(listKey: string[], ids: string[]) {

src/api/hooks/admin/useAdminAccounts.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { adminAccountSchema } from 'soapbox/schemas/admin-account.ts';
 
 interface MastodonAdminFilters {

src/api/hooks/admin/useAnnouncements.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { queryClient } from 'soapbox/queries/client.ts';
 import { adminAnnouncementSchema, type AdminAnnouncement } from 'soapbox/schemas/index.ts';
 

src/api/hooks/admin/useCreateDomain.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { domainSchema } from 'soapbox/schemas/index.ts';
 
 interface CreateDomainParams {

src/api/hooks/admin/useDeleteDomain.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useDeleteEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 
 const useDeleteDomain = () => {
   const api = useApi();

src/api/hooks/admin/useDomains.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { queryClient } from 'soapbox/queries/client.ts';
 import { domainSchema, type Domain } from 'soapbox/schemas/index.ts';
 

src/api/hooks/admin/useManageZapSplit.ts

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { defineMessages } from 'react-intl';
 
 import { type INewAccount } from 'soapbox/features/admin/manage-zap-split.tsx';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { baseZapAccountSchema, ZapSplitData } from 'soapbox/schemas/zap-split.ts';
 import toast from 'soapbox/toast.tsx';
 

src/api/hooks/admin/useModerationLog.ts

@@ -1,6 +1,6 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { moderationLogEntrySchema, type ModerationLogEntry } from 'soapbox/schemas/index.ts';
 
 interface ModerationLogResult {

src/api/hooks/admin/useRelays.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { queryClient } from 'soapbox/queries/client.ts';
 import { relaySchema, type Relay } from 'soapbox/schemas/index.ts';
 

src/api/hooks/admin/useRules.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { queryClient } from 'soapbox/queries/client.ts';
 import { adminRuleSchema, type AdminRule } from 'soapbox/schemas/index.ts';
 

src/api/hooks/admin/useSuggest.ts

@@ -1,6 +1,7 @@
 import { useTransaction } from 'soapbox/entity-store/hooks/index.ts';
 import { EntityCallbacks } from 'soapbox/entity-store/hooks/types.ts';
-import { useApi, useGetState } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useGetState } from 'soapbox/hooks/useGetState.ts';
 import { accountIdsToAccts } from 'soapbox/selectors/index.ts';
 
 import type { Account } from 'soapbox/schemas/index.ts';

src/api/hooks/admin/useUpdateDomain.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { domainSchema } from 'soapbox/schemas/index.ts';
 
 import type { CreateDomainParams } from './useCreateDomain.ts';

src/api/hooks/admin/useVerify.ts

@@ -1,6 +1,7 @@
 import { useTransaction } from 'soapbox/entity-store/hooks/index.ts';
 import { EntityCallbacks } from 'soapbox/entity-store/hooks/types.ts';
-import { useApi, useGetState } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useGetState } from 'soapbox/hooks/useGetState.ts';
 import { accountIdsToAccts } from 'soapbox/selectors/index.ts';
 
 import type { Account } from 'soapbox/schemas/index.ts';

src/api/hooks/announcements/useAnnouncements.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { queryClient } from 'soapbox/queries/client.ts';
 import { announcementReactionSchema, announcementSchema, type Announcement, type AnnouncementReaction } from 'soapbox/schemas/index.ts';
 

src/api/hooks/captcha/useCaptcha.ts

@@ -3,7 +3,9 @@ import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import { closeModal } from 'soapbox/actions/modals.ts';
-import { useApi, useAppDispatch, useInstance } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
 import { captchaSchema, type CaptchaData } from 'soapbox/schemas/captcha.ts';
 import toast from 'soapbox/toast.tsx';
 

src/api/hooks/groups/useCancelMembershipRequest.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
 
 import type { Group } from 'soapbox/schemas/index.ts';
 

src/api/hooks/groups/useDeleteGroupStatus.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useDeleteEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 
 import type { Group } from 'soapbox/schemas/index.ts';
 

src/api/hooks/groups/useGroup.ts

@@ -3,7 +3,7 @@ import { useHistory } from 'react-router-dom';
 
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { type Group, groupSchema } from 'soapbox/schemas/index.ts';
 
 import { useGroupRelationship } from './useGroupRelationship.ts';

src/api/hooks/groups/useGroupMembershipRequests.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useDismissEntity, useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 import { accountSchema } from 'soapbox/schemas/index.ts';
 

src/api/hooks/groups/useGroupMutes.ts

@@ -1,7 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useFeatures } from 'soapbox/hooks/index.ts';
 import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { groupSchema } from 'soapbox/schemas/index.ts';
 
 import type { Group } from 'soapbox/schemas/index.ts';

src/api/hooks/groups/useGroupRelationship.ts

@@ -2,7 +2,7 @@ import { z } from 'zod';
 
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { type GroupRelationship, groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useGroupRelationship(groupId: string | undefined) {

src/api/hooks/groups/useGroupRelationships.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useBatchedEntities } from 'soapbox/entity-store/hooks/useBatchedEntities.ts';
-import { useApi, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 import { type GroupRelationship, groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useGroupRelationships(listKey: string[], ids: string[]) {

src/api/hooks/groups/useGroupSearch.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { groupSchema } from 'soapbox/schemas/index.ts';
 
 import { useGroupRelationships } from './useGroupRelationships.ts';

src/api/hooks/groups/useGroupTag.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { type GroupTag, groupTagSchema } from 'soapbox/schemas/index.ts';
 
 function useGroupTag(tagId: string) {

src/api/hooks/groups/useGroups.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { groupSchema, type Group } from 'soapbox/schemas/group.ts';
 

src/api/hooks/groups/useGroupsFromTag.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { groupSchema } from 'soapbox/schemas/index.ts';
 
 import { useGroupRelationships } from './useGroupRelationships.ts';

src/api/hooks/groups/usePendingGroups.ts

@@ -1,6 +1,8 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
 import { Group, groupSchema } from 'soapbox/schemas/index.ts';
 
 function usePendingGroups() {

src/api/hooks/groups/usePopularTags.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { type GroupTag, groupTagSchema } from 'soapbox/schemas/index.ts';
 
 function usePopularTags() {

src/api/hooks/groups/useSuggestedGroups.ts

@@ -1,6 +1,7 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { type Group, groupSchema } from 'soapbox/schemas/index.ts';
 
 import { useGroupRelationships } from './useGroupRelationships.ts';

src/api/hooks/instance/useInstanceV1.ts

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { InstanceV1, instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
 interface Opts {

src/api/hooks/instance/useInstanceV2.ts

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance.ts';
 
 interface Opts {

src/api/hooks/statuses/useBookmarkFolder.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { selectEntity } from 'soapbox/entity-store/selectors.ts';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 import { type BookmarkFolder } from 'soapbox/schemas/bookmark-folder.ts';
 
 import { useBookmarkFolders } from './useBookmarkFolders.ts';

src/api/hooks/statuses/useBookmarkFolders.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { bookmarkFolderSchema, type BookmarkFolder } from 'soapbox/schemas/bookmark-folder.ts';
 

src/api/hooks/statuses/useCreateBookmarkFolder.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { bookmarkFolderSchema } from 'soapbox/schemas/bookmark-folder.ts';
 
 interface CreateBookmarkFolderParams {

src/api/hooks/statuses/useUpdateBookmarkFolder.ts

@@ -1,6 +1,6 @@
 import { Entities } from 'soapbox/entity-store/entities.ts';
 import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { bookmarkFolderSchema } from 'soapbox/schemas/bookmark-folder.ts';
 
 interface UpdateBookmarkFolderParams {

src/api/hooks/streaming/useListStream.ts

@@ -1,4 +1,4 @@
-import { useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 
 import { useTimelineStream } from './useTimelineStream.ts';
 

src/api/hooks/streaming/useTimelineStream.ts

@@ -1,7 +1,9 @@
 import { useEffect, useRef } from 'react';
 
 import { connectTimelineStream } from 'soapbox/actions/streaming.ts';
-import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
 import { getAccessToken } from 'soapbox/utils/auth.ts';
 
 function useTimelineStream(...args: Parameters<typeof connectTimelineStream>) {

src/api/hooks/streaming/useUserStream.ts

@@ -1,7 +1,7 @@
 import { expandNotifications } from 'soapbox/actions/notifications.ts';
 import { expandHomeTimeline } from 'soapbox/actions/timelines.ts';
 import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
-import { useLoggedIn } from 'soapbox/hooks/index.ts';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 
 import { useTimelineStream } from './useTimelineStream.ts';
 

src/api/hooks/zap-split/useZapSplit.ts

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 
-import { useApi } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 import { baseZapAccountSchema, type ZapSplitData } from 'soapbox/schemas/zap-split.ts';
 
 import type { Account as AccountEntity, Status as StatusEntity   } from 'soapbox/types/entities.ts';

src/components/account.tsx

@@ -13,7 +13,7 @@ import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import VerificationBadge from 'soapbox/components/verification-badge.tsx';
 import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 import { getAcct } from 'soapbox/utils/accounts.ts';
 import { displayFqn } from 'soapbox/utils/state.ts';
 

src/components/animated-number.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { FormattedNumber } from 'react-intl';
 import { TransitionMotion, spring } from 'react-motion';
 
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 
 const obfuscatedCount = (count: number) => {
   if (count < 0) {

src/components/announcements/announcement.tsx

@@ -2,7 +2,7 @@ import { FormattedDate } from 'react-intl';
 
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useFeatures } from 'soapbox/hooks/index.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
 import AnnouncementContent from './announcement-content.tsx';

src/components/announcements/announcements-panel.tsx

@@ -9,7 +9,7 @@ import { useAnnouncements } from 'soapbox/api/hooks/announcements/index.ts';
 import { Card } from 'soapbox/components/ui/card.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Widget from 'soapbox/components/ui/widget.tsx';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 import Announcement from './announcement.tsx';
 

src/components/announcements/emoji.tsx

@@ -1,5 +1,5 @@
 import unicodeMapping from 'soapbox/features/emoji/mapping.ts';
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 import { joinPublicPath } from 'soapbox/utils/static.ts';
 
 import type { Map as ImmutableMap } from 'immutable';

src/components/announcements/reactions-bar.tsx

@@ -3,7 +3,7 @@ import { TransitionMotion, spring } from 'react-motion';
 
 import { useAnnouncements } from 'soapbox/api/hooks/announcements/index.ts';
 import EmojiPickerDropdown from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx';
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 
 import Reaction from './reaction.tsx';
 

src/components/attachment-thumbs.tsx

@@ -2,7 +2,7 @@ import { Suspense } from 'react';
 
 import { openModal } from 'soapbox/actions/modals.ts';
 import { MediaGallery } from 'soapbox/features/ui/util/async-components.ts';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 import type { List as ImmutableList } from 'immutable';
 import type { Attachment } from 'soapbox/types/entities.ts';

src/components/autosuggest-account-input.tsx

@@ -4,7 +4,7 @@ import { useState, useRef, useCallback, useEffect } from 'react';
 
 import { accountSearch } from 'soapbox/actions/accounts.ts';
 import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
 import type { InputThemes } from 'soapbox/components/ui/input.tsx';

src/components/autosuggest-location.tsx

@@ -8,7 +8,7 @@ import HStack from 'soapbox/components/ui/hstack.tsx';
 import Icon from 'soapbox/components/ui/icon.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 export const ADDRESS_ICONS: Record<string, string> = {
   house: homeIcon,

src/components/avatar-stack.tsx

@@ -3,7 +3,7 @@ import { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immuta
 
 import Avatar from 'soapbox/components/ui/avatar.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 import { makeGetAccount } from 'soapbox/selectors/index.ts';
 
 import type { Account } from 'soapbox/types/entities.ts';

src/components/birthday-input.tsx

@@ -1,7 +1,8 @@
 import { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { useInstance, useFeatures } from 'soapbox/hooks/index.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
 
 import { Datetime } from './ui/datetime.tsx';
 

src/components/birthday-panel.tsx

@@ -5,7 +5,8 @@ import { FormattedMessage } from 'react-intl';
 import { fetchBirthdayReminders } from 'soapbox/actions/accounts.ts';
 import Widget from 'soapbox/components/ui/widget.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 const timeToMidnight = () => {
   const now = new Date();

src/components/display-name-inline.tsx

@@ -1,6 +1,6 @@
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 import { getAcct } from '../utils/accounts.ts';
 

src/components/display-name.tsx

@@ -1,7 +1,7 @@
 import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 import { getAcct } from '../utils/accounts.ts';
 

src/components/domain.tsx

@@ -5,7 +5,7 @@ import { unblockDomain } from 'soapbox/actions/domain-blocks.ts';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import IconButton from 'soapbox/components/ui/icon-button.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 const messages = defineMessages({
   blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },

src/components/dropdown-menu/dropdown-menu.tsx

@@ -9,7 +9,7 @@ import { closeDropdownMenu as closeDropdownMenuRedux, openDropdownMenu } from 's
 import { closeModal, openModal } from 'soapbox/actions/modals.ts';
 import IconButton from 'soapbox/components/ui/icon-button.tsx';
 import Portal from 'soapbox/components/ui/portal.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 import { userTouching } from 'soapbox/is-mobile.ts';
 
 import DropdownMenuItem, { MenuItem } from './dropdown-menu-item.tsx';

src/components/event-preview.tsx

@@ -9,7 +9,7 @@ import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import EventActionButton from 'soapbox/features/event/components/event-action-button.tsx';
 import EventDate from 'soapbox/features/event/components/event-date.tsx';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 import Icon from './icon.tsx';
 import VerificationBadge from './verification-badge.tsx';

src/components/gdpr-banner.tsx

@@ -7,7 +7,8 @@ import Button from 'soapbox/components/ui/button.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useInstance, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 const acceptedGdpr = !!localStorage.getItem('soapbox:gdpr');
 

src/components/helmet.tsx

@@ -2,7 +2,9 @@ import { useMemo, useEffect } from 'react';
 import { Helmet as ReactHelmet } from 'react-helmet';
 
 import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
-import { useAppSelector, useInstance, useSettings } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 import { RootState } from 'soapbox/store.ts';
 import FaviconService from 'soapbox/utils/favicon-service.ts';
 

src/components/hover-ref-wrapper.tsx

@@ -7,7 +7,7 @@ import {
   openProfileHoverCard,
   closeProfileHoverCard,
 } from 'soapbox/actions/profile-hover-card.ts';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 import { isMobile } from 'soapbox/is-mobile.ts';
 
 const showProfileHoverCard = debounce((dispatch, ref, accountId) => {

src/components/location-search.tsx

@@ -9,7 +9,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { locationSearch } from 'soapbox/actions/events.ts';
 import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
 import Icon from 'soapbox/components/icon.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 import AutosuggestLocation from './autosuggest-location.tsx';
 

src/components/media-gallery.tsx

@@ -6,7 +6,8 @@ import { useState, useRef, useLayoutEffect, CSSProperties } from 'react';
 import Blurhash from 'soapbox/components/blurhash.tsx';
 import StillImage from 'soapbox/components/still-image.tsx';
 import { MIMETYPE_ICONS } from 'soapbox/components/upload.tsx';
-import { useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 import { Attachment } from 'soapbox/types/entities.ts';
 import { truncateFilename } from 'soapbox/utils/media.ts';
 

src/components/modal-root.tsx

@@ -7,7 +7,8 @@ import { useHistory } from 'react-router-dom';
 import { cancelReplyCompose } from 'soapbox/actions/compose.ts';
 import { cancelEventCompose } from 'soapbox/actions/events.ts';
 import { openModal, closeModal } from 'soapbox/actions/modals.ts';
-import { useAppDispatch, usePrevious } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { usePrevious } from 'soapbox/hooks/usePrevious.ts';
 
 import type { ModalType } from 'soapbox/features/ui/components/modal-root.tsx';
 import type { ReducerRecord as ReducerComposeEvent } from 'soapbox/reducers/compose-event.ts';

src/components/navlinks.tsx

@@ -1,7 +1,8 @@
 import { Link } from 'react-router-dom';
 
 import Text from 'soapbox/components/ui/text.tsx';
-import { useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 interface INavlinks {
   type: string;

src/components/polls/poll-footer.tsx

@@ -7,7 +7,7 @@ import HStack from 'soapbox/components/ui/hstack.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import Tooltip from 'soapbox/components/ui/tooltip.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 import type { Poll as PollEntity } from 'soapbox/types/entities.ts';
 

src/components/polls/poll.tsx

@@ -5,7 +5,8 @@ import { openModal } from 'soapbox/actions/modals.ts';
 import { vote } from 'soapbox/actions/polls.ts';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 import PollFooter from './poll-footer.tsx';
 import PollOption from './poll-option.tsx';

src/components/profile-hover-card.tsx

@@ -20,7 +20,8 @@ import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
 import { UserPanel } from 'soapbox/features/ui/util/async-components.ts';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 import { showProfileHoverCard } from './hover-ref-wrapper.tsx';
 import { dateFormatOptions } from './relative-timestamp.tsx';

src/components/quoted-status-indicator.tsx

@@ -4,7 +4,7 @@ import { useCallback } from 'react';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Icon from 'soapbox/components/ui/icon.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IQuotedStatusIndicator {

src/components/quoted-status.tsx

@@ -7,7 +7,7 @@ import { useHistory } from 'react-router-dom';
 import StatusMedia from 'soapbox/components/status-media.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 import { defaultMediaVisibility } from 'soapbox/utils/status.ts';
 
 import EventPreview from './event-preview.tsx';

src/components/scroll-top-button.tsx

@@ -5,7 +5,7 @@ import { useIntl, MessageDescriptor } from 'react-intl';
 
 import Icon from 'soapbox/components/ui/icon.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 
 interface IScrollTopButton {
   /** Callback when clicked, and also when scrolled to the top. */

src/components/scrollable-list.tsx

@@ -5,7 +5,7 @@ import { Virtuoso, Components, VirtuosoProps, VirtuosoHandle, ListRange, IndexLo
 
 import { Card } from 'soapbox/components/ui/card.tsx';
 import Spinner from 'soapbox/components/ui/spinner.tsx';
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 
 import LoadMore from './load-more.tsx';
 

src/components/sentry-feedback-form.tsx

@@ -7,7 +7,7 @@ import FormGroup from 'soapbox/components/ui/form-group.tsx';
 import Form from 'soapbox/components/ui/form.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import Textarea from 'soapbox/components/ui/textarea.tsx';
-import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
 import { captureSentryFeedback } from 'soapbox/sentry.ts';
 
 interface ISentryFeedbackForm {

src/components/sidebar-menu.tsx

@@ -33,7 +33,10 @@ import Icon from 'soapbox/components/ui/icon.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import ProfileStats from 'soapbox/features/ui/components/profile-stats.tsx';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
 import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';
 import { makeGetOtherAccounts } from 'soapbox/selectors/index.ts';
 

src/components/sidebar-navigation.tsx

@@ -25,7 +25,11 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
 import ComposeButton from 'soapbox/features/ui/components/compose-button.tsx';
-import { useAppSelector, useFeatures, useOwnAccount, useSettings, useInstance } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';
 
 import DropdownMenu, { Menu } from './dropdown-menu/index.ts';

src/components/site-error-boundary.tsx

@@ -7,7 +7,7 @@ import HStack from 'soapbox/components/ui/hstack.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
 import Textarea from 'soapbox/components/ui/textarea.tsx';
-import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 import { captureSentryException } from 'soapbox/sentry.ts';
 import KVStore from 'soapbox/storage/kv-store.ts';
 import sourceCode from 'soapbox/utils/code.ts';

src/components/site-logo.tsx

@@ -2,7 +2,9 @@ import clsx from 'clsx';
 
 import soapboxLogoWhiteSrc from 'soapbox/assets/images/soapbox-logo-white.svg';
 import soapboxLogoSrc from 'soapbox/assets/images/soapbox-logo.svg';
-import { useSoapboxConfig, useSettings, useTheme } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
+import { useTheme } from 'soapbox/hooks/useTheme.ts';
 
 interface ISiteLogo extends React.ComponentProps<'img'> {
   /** Extra class names for the <img> element. */

src/components/status-action-bar.tsx

@@ -50,7 +50,12 @@ import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
 import StatusActionButton from 'soapbox/components/status-action-button.tsx';
 import StatusReactionWrapper from 'soapbox/components/status-reaction-wrapper.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
-import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 import toast from 'soapbox/toast.tsx';
 import copy from 'soapbox/utils/copy.ts';

src/components/status-hover-card.tsx

@@ -10,7 +10,8 @@ import {
 import { fetchStatus } from 'soapbox/actions/statuses.ts';
 import { Card, CardBody } from 'soapbox/components/ui/card.tsx';
 import StatusContainer from 'soapbox/containers/status-container.tsx';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 
 import { showStatusHoverCard } from './hover-status-wrapper.tsx';
 

src/components/status-list.tsx

@@ -9,7 +9,7 @@ import StatusContainer from 'soapbox/containers/status-container.tsx';
 import FeedSuggestions from 'soapbox/features/feed-suggestions/feed-suggestions.tsx';
 import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
 import PendingStatus from 'soapbox/features/ui/components/pending-status.tsx';
-import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import type { VirtuosoHandle } from 'react-virtuoso';

src/components/status-media.tsx

@@ -7,7 +7,7 @@ import PreviewCard from 'soapbox/components/preview-card.tsx';
 import { GroupLinkPreview } from 'soapbox/features/groups/components/group-link-preview.tsx';
 import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card.tsx';
 import { MediaGallery, Video, Audio } from 'soapbox/features/ui/util/async-components.ts';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 import type { List as ImmutableList } from 'immutable';
 import type { Status, Attachment } from 'soapbox/types/entities.ts';

src/components/status-reaction-wrapper.tsx

@@ -4,7 +4,10 @@ import { simpleEmojiReact } from 'soapbox/actions/emoji-reacts.ts';
 import { openModal } from 'soapbox/actions/modals.ts';
 import EmojiSelector from 'soapbox/components/ui/emoji-selector.tsx';
 import Portal from 'soapbox/components/ui/portal.tsx';
-import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 import { userTouching } from 'soapbox/is-mobile.ts';
 import { getReactForStatus } from 'soapbox/utils/emoji-reacts.ts';
 

src/components/status-reply-mentions.tsx

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import { openModal } from 'soapbox/actions/modals.ts';
 import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
 import HoverStatusWrapper from 'soapbox/components/hover-status-wrapper.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 import { shortenNostr } from 'soapbox/utils/nostr.ts';
 
 import type { Status } from 'soapbox/types/entities.ts';

src/components/status.tsx

@@ -18,7 +18,8 @@ import Text from 'soapbox/components/ui/text.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
 import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container.tsx';
 import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
-import { useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 import { defaultMediaVisibility, textForScreenReader, getActualStatus } from 'soapbox/utils/status.ts';
 
 import EventPreview from './event-preview.tsx';

src/components/statuses/sensitive-content-overlay.tsx

@@ -13,7 +13,10 @@ import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
 import Button from 'soapbox/components/ui/button.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useAppDispatch, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 import { defaultMediaVisibility } from 'soapbox/utils/status.ts';
 
 import type { Status as StatusEntity } from 'soapbox/types/entities.ts';

src/components/still-image.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { useRef } from 'react';
 
-import { useSettings } from 'soapbox/hooks/index.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 
 export interface IStillImage {
   /** Image alt text. */

src/components/thumb-navigation.tsx

@@ -13,7 +13,9 @@ import { FormattedMessage } from 'react-intl';
 
 import ThumbNavigationLink from 'soapbox/components/thumb-navigation-link.tsx';
 import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
-import { useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
 
 const ThumbNavigation: React.FC = (): JSX.Element => {
   const { account } = useOwnAccount();

src/components/translate-button.tsx

@@ -5,7 +5,10 @@ import { translateStatus, undoStatusTranslation } from 'soapbox/actions/statuses
 import Button from 'soapbox/components/ui/button.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
 
 import type { Status } from 'soapbox/types/entities.ts';
 

src/components/ui/carousel.tsx

@@ -2,7 +2,7 @@ import chevronLeftIcon from '@tabler/icons/outline/chevron-left.svg';
 import chevronRightIcon from '@tabler/icons/outline/chevron-right.svg';
 import { useEffect, useState } from 'react';
 
-import { useDimensions } from 'soapbox/hooks/index.ts';
+import { useDimensions } from 'soapbox/hooks/useDimensions.ts';
 
 import HStack from './hstack.tsx';
 import Icon from './icon.tsx';

src/components/ui/column.tsx

@@ -4,7 +4,7 @@ import { forwardRef, useCallback, useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
 import Helmet from 'soapbox/components/helmet.tsx';
-import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 import { Card, CardBody, CardHeader, CardTitle, type CardSizes } from './card.tsx';
 

src/components/ui/emoji-selector.tsx

@@ -7,7 +7,9 @@ import EmojiComponent from 'soapbox/components/ui/emoji.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import IconButton from 'soapbox/components/ui/icon-button.tsx';
 import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown.tsx';
-import { useClickOutside, useFeatures, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useClickOutside } from 'soapbox/hooks/useClickOutside.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 import type { Emoji } from 'soapbox/features/emoji/index.ts';
 

src/components/ui/input.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import React, { forwardRef, useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { useLocale } from 'soapbox/hooks/index.ts';
+import { useLocale } from 'soapbox/hooks/useLocale.ts';
 import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
 import Icon from './icon.tsx';

src/components/ui/language-dropdown.tsx

@@ -4,7 +4,7 @@ import { openDropdownMenu } from 'soapbox/actions/dropdown-menu.ts';
 import DropdownMenu, { MenuItem } from 'soapbox/components/dropdown-menu/index.ts';
 import SvgIcon from 'soapbox/components/ui/svg-icon.tsx';
 import { languages } from 'soapbox/features/preferences/index.tsx';
-import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
 function formatLanguages(languageMap: Record<string, string>) {
   const langCodes = Object.keys(languageMap).sort().map((sig) => {

src/components/ui/textarea.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { useLocale } from 'soapbox/hooks/index.ts';
+import { useLocale } from 'soapbox/hooks/useLocale.ts';
 import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
 import Stack from './stack.tsx';

src/components/upload.tsx

@@ -22,7 +22,8 @@ import HStack from 'soapbox/components/ui/hstack.tsx';
 import IconButton from 'soapbox/components/ui/icon-button.tsx';
 import Icon from 'soapbox/components/ui/icon.tsx';
 import Motion from 'soapbox/features/ui/util/optional-motion.tsx';
-import { useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useSettings } from 'soapbox/hooks/useSettings.ts';
 import { Attachment } from 'soapbox/types/entities.ts';
 
 export const MIMETYPE_ICONS: Record<string, string> = {

src/components/verification-badge.tsx

@@ -3,7 +3,7 @@ import { useIntl, defineMessages } from 'react-intl';
 
 import verifiedIcon from 'soapbox/assets/icons/verified.svg';
 import Icon from 'soapbox/components/ui/icon.tsx';
-import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
 
 const messages = defineMessages({
   verified: { id: 'account.verified', defaultMessage: 'Verified Account' },