();
diff --git a/src/features/search/AutoResolvePostComment.tsx b/src/features/search/AutoResolvePostComment.tsx
index 91721651ac..306d6acb90 100644
--- a/src/features/search/AutoResolvePostComment.tsx
+++ b/src/features/search/AutoResolvePostComment.tsx
@@ -43,16 +43,16 @@ export default function AutoResolvePostComment({
if (object.post)
return (
-
+
-
+
);
if (object.comment)
return (
-
+
-
+
);
return null;
diff --git a/src/features/share/asImage/ShareAsImage.tsx b/src/features/share/asImage/ShareAsImage.tsx
index 5ee3989bff..61501be76a 100644
--- a/src/features/share/asImage/ShareAsImage.tsx
+++ b/src/features/share/asImage/ShareAsImage.tsx
@@ -302,7 +302,7 @@ export default function ShareAsImage({ data, header }: ShareAsImageProps) {
{createPortal(
-
{includePostDetails && (
@@ -327,7 +327,7 @@ export default function ShareAsImage({ data, header }: ShareAsImageProps) {
/>
)}
-
+
{watermark && }
,
shareAsImageRenderRoot,
diff --git a/src/features/shared/AppTitle.tsx b/src/features/shared/AppTitle.tsx
index cf50cb9b46..d0d73b9fec 100644
--- a/src/features/shared/AppTitle.tsx
+++ b/src/features/shared/AppTitle.tsx
@@ -21,7 +21,7 @@ interface AppTitleProps extends ComponentProps {
*/
fullPadding?: number;
- appRef?: React.RefObject;
+ appRef?: React.RefObject;
}
export default isIosTheme() ? IosAppTitle : IonTitle;
diff --git a/src/features/shared/DynamicDismissableModal.tsx b/src/features/shared/DynamicDismissableModal.tsx
index 8932875ddb..57a669f48b 100644
--- a/src/features/shared/DynamicDismissableModal.tsx
+++ b/src/features/shared/DynamicDismissableModal.tsx
@@ -175,11 +175,9 @@ export function DynamicDismissableModal({
}
}}
>
-
+
{content}
-
+
);
diff --git a/src/features/shared/ListEditor.tsx b/src/features/shared/ListEditor.tsx
index 0905bbcf47..6d8c023f93 100644
--- a/src/features/shared/ListEditor.tsx
+++ b/src/features/shared/ListEditor.tsx
@@ -11,9 +11,9 @@ export function ListEditorProvider({ children }: React.PropsWithChildren) {
const [editing, setEditing] = useState(false);
return (
-
+
{children}
-
+
);
}
diff --git a/src/features/shared/markdown/components/Table.tsx b/src/features/shared/markdown/components/Table.tsx
index a063423452..7f9e93f479 100644
--- a/src/features/shared/markdown/components/Table.tsx
+++ b/src/features/shared/markdown/components/Table.tsx
@@ -1,10 +1,10 @@
-import { useRef } from "react";
+import React, { useRef } from "react";
import { ExtraProps } from "react-markdown";
import styles from "./Table.module.css";
export default function Table(
- props: JSX.IntrinsicElements["table"] & ExtraProps,
+ props: React.JSX.IntrinsicElements["table"] & ExtraProps,
) {
const tableContainerRef = useRef(null);
diff --git a/src/features/shared/markdown/components/spoiler/Details.tsx b/src/features/shared/markdown/components/spoiler/Details.tsx
index 9ebd3877af..39ce8d1ace 100644
--- a/src/features/shared/markdown/components/spoiler/Details.tsx
+++ b/src/features/shared/markdown/components/spoiler/Details.tsx
@@ -1,6 +1,6 @@
import { IonAccordion, IonAccordionGroup, IonItem } from "@ionic/react";
import { noop } from "es-toolkit";
-import {
+import React, {
ComponentProps,
createContext,
useLayoutEffect,
@@ -15,7 +15,7 @@ import { getSpoilerId, updateSpoilerState } from "./spoilerSlice";
import styles from "./Details.module.css";
-type DetailsProps = JSX.IntrinsicElements["details"] &
+type DetailsProps = React.JSX.IntrinsicElements["details"] &
ExtraProps & {
id: string;
};
@@ -46,7 +46,7 @@ export default function Details({ children, node, id }: DetailsProps) {
};
return (
-
+
-
+
);
}
diff --git a/src/features/shared/markdown/components/spoiler/Summary.tsx b/src/features/shared/markdown/components/spoiler/Summary.tsx
index e53cd69a8e..94c6d2e1b8 100644
--- a/src/features/shared/markdown/components/spoiler/Summary.tsx
+++ b/src/features/shared/markdown/components/spoiler/Summary.tsx
@@ -1,11 +1,11 @@
-import { useContext, useLayoutEffect } from "react";
+import React, { useContext, useLayoutEffect } from "react";
import { ExtraProps } from "react-markdown";
import { SpoilerContext } from "./Details";
export default function Summary({
children,
-}: JSX.IntrinsicElements["summary"] & ExtraProps) {
+}: React.JSX.IntrinsicElements["summary"] & ExtraProps) {
const { setLabel } = useContext(SpoilerContext);
useLayoutEffect(() => {
diff --git a/src/features/shared/markdown/editing/Editor.tsx b/src/features/shared/markdown/editing/Editor.tsx
index 619e299f45..75691a6197 100644
--- a/src/features/shared/markdown/editing/Editor.tsx
+++ b/src/features/shared/markdown/editing/Editor.tsx
@@ -34,7 +34,7 @@ export interface EditorProps {
children?: React.ReactNode;
- ref?: React.RefObject;
+ ref?: React.RefObject;
}
export default function Editor({
@@ -47,7 +47,7 @@ export default function Editor({
ref,
}: EditorProps) {
const keyboardOpen = useKeyboardOpen();
- const textareaRef = useRef(null);
+ const textareaRef = useRef(undefined);
const { insertBlock } = useEditorHelpers(textareaRef);
diff --git a/src/features/shared/markdown/editing/modal/contents/CommentEditorContent.tsx b/src/features/shared/markdown/editing/modal/contents/CommentEditorContent.tsx
index bad6a65322..8ba7b308a6 100644
--- a/src/features/shared/markdown/editing/modal/contents/CommentEditorContent.tsx
+++ b/src/features/shared/markdown/editing/modal/contents/CommentEditorContent.tsx
@@ -4,7 +4,7 @@ import Editor, { EditorProps } from "../../Editor";
import { MarkdownEditorIonContent } from "../../MarkdownToolbar";
interface CommentEditorContentProps extends EditorProps {
- ref?: React.RefObject;
+ ref?: React.RefObject;
}
export default function CommentEditorContent(props: CommentEditorContentProps) {
diff --git a/src/features/shared/markdown/editing/modal/contents/CommentReplyPage.tsx b/src/features/shared/markdown/editing/modal/contents/CommentReplyPage.tsx
index 422609f0f5..5ddff069f8 100644
--- a/src/features/shared/markdown/editing/modal/contents/CommentReplyPage.tsx
+++ b/src/features/shared/markdown/editing/modal/contents/CommentReplyPage.tsx
@@ -58,7 +58,7 @@ export default function CommentReplyPage(props: CommentReplyPageProps) {
const comment = "comment" in props.item ? props.item.comment : undefined;
- const resolvedRef = useRef();
+ const resolvedRef = useRef(undefined);
const accounts = useAppSelector(loggedInAccountsSelector);
const userHandle = useAppSelector(userHandleSelector);
diff --git a/src/features/shared/markdown/editing/modal/contents/TemporarySelectedAccountContext.tsx b/src/features/shared/markdown/editing/modal/contents/TemporarySelectedAccountContext.tsx
index 6c95a3f62b..55d4201617 100644
--- a/src/features/shared/markdown/editing/modal/contents/TemporarySelectedAccountContext.tsx
+++ b/src/features/shared/markdown/editing/modal/contents/TemporarySelectedAccountContext.tsx
@@ -68,7 +68,7 @@ export function TemporarySelectedAccountProvider({
);
return (
-
{children}
-
+
);
}
diff --git a/src/features/shared/markdown/editing/modes/DefaultMode.tsx b/src/features/shared/markdown/editing/modes/DefaultMode.tsx
index 4d5e9dc9e1..2a3a86ffc6 100644
--- a/src/features/shared/markdown/editing/modes/DefaultMode.tsx
+++ b/src/features/shared/markdown/editing/modes/DefaultMode.tsx
@@ -42,7 +42,7 @@ import styles from "./DefaultMode.module.css";
export interface SharedModeProps {
type: "comment" | "post";
text: string;
- textareaRef: RefObject;
+ textareaRef: RefObject;
}
interface DefaultModeProps extends SharedModeProps {
diff --git a/src/features/shared/markdown/editing/useEditorHelpers.tsx b/src/features/shared/markdown/editing/useEditorHelpers.tsx
index b4637385c5..9e6cb4bf51 100644
--- a/src/features/shared/markdown/editing/useEditorHelpers.tsx
+++ b/src/features/shared/markdown/editing/useEditorHelpers.tsx
@@ -3,7 +3,7 @@ import { RefObject, useCallback, useEffect, useMemo, useRef } from "react";
import { getSelectionHtml } from "#/helpers/dom";
export default function useEditorHelpers(
- textareaRef: RefObject,
+ textareaRef: RefObject,
) {
const selectionLocation = useRef(0);
const selectionLocationEnd = useRef(0);
diff --git a/src/features/shared/sliding/SlidingItem.tsx b/src/features/shared/sliding/SlidingItem.tsx
index a094d000f0..1c7c0c7dba 100644
--- a/src/features/shared/sliding/SlidingItem.tsx
+++ b/src/features/shared/sliding/SlidingItem.tsx
@@ -70,7 +70,7 @@ export default function SlidingItem({
className,
children,
}: SlidingItemProps) {
- const dragRef = useRef();
+ const dragRef = useRef(undefined);
const [activeItemIndex, setActiveItemIndex] = useState<0 | 1 | 2 | -1 | -2>(
0,
);
diff --git a/src/features/shared/toast/Toast.tsx b/src/features/shared/toast/Toast.tsx
index 6db7faf987..769e277181 100644
--- a/src/features/shared/toast/Toast.tsx
+++ b/src/features/shared/toast/Toast.tsx
@@ -21,7 +21,7 @@ export interface ToastHandler {
}
interface ToastProps extends React.PropsWithChildren {
- ref: React.RefObject;
+ ref: React.RefObject;
onClose?: () => void;
}
diff --git a/src/helpers/useAppToast.tsx b/src/helpers/useAppToast.tsx
index e0b40b8104..c6db1ab10e 100644
--- a/src/helpers/useAppToast.tsx
+++ b/src/helpers/useAppToast.tsx
@@ -26,9 +26,9 @@ export default function useAppToast() {
export function AppToastProvider({ children }: React.PropsWithChildren) {
const vibrate = useHapticFeedback();
- const toastRef = useRef(null);
+ const toastRef = useRef(undefined);
const openRef = useRef(false);
- const queuedOptionsRef = useRef();
+ const queuedOptionsRef = useRef(undefined);
async function present(options: AppToastOptions) {
if (openRef.current) {
@@ -86,10 +86,10 @@ export function AppToastProvider({ children }: React.PropsWithChildren) {
}
return (
-
+
{children}
-
+
);
}
diff --git a/src/helpers/useOptimizedIonRouter.tsx b/src/helpers/useOptimizedIonRouter.tsx
index 3613a083f2..b041811df1 100644
--- a/src/helpers/useOptimizedIonRouter.tsx
+++ b/src/helpers/useOptimizedIonRouter.tsx
@@ -40,7 +40,7 @@ export function useOptimizedIonRouter() {
export function OptimizedRouterProvider({ children }: React.PropsWithChildren) {
const router = useIonRouter();
- const routerRef = useRef();
+ const routerRef = useRef(undefined);
useEffect(() => {
routerRef.current = router;
@@ -49,8 +49,6 @@ export function OptimizedRouterProvider({ children }: React.PropsWithChildren) {
const value = useMemo(() => ({ routerRef }), []);
return (
-
- {children}
-
+ {children}
);
}
diff --git a/src/helpers/usePreservePositionFromBottomInScrollView.ts b/src/helpers/usePreservePositionFromBottomInScrollView.ts
index defa463b35..6305dc0619 100644
--- a/src/helpers/usePreservePositionFromBottomInScrollView.ts
+++ b/src/helpers/usePreservePositionFromBottomInScrollView.ts
@@ -20,8 +20,8 @@ export default function usePreservePositionFromBottomInScrollView(
elRef: MutableRefObject,
enabled: boolean,
) {
- const saveTopOffsetRef = useRef();
- const resizeObserverRef = useRef();
+ const saveTopOffsetRef = useRef(undefined);
+ const resizeObserverRef = useRef(undefined);
const enabledRef = useRef(enabled);
diff --git a/src/routes/TabbedRoutes.tsx b/src/routes/TabbedRoutes.tsx
index 701faa81e3..090f1672fb 100644
--- a/src/routes/TabbedRoutes.tsx
+++ b/src/routes/TabbedRoutes.tsx
@@ -62,7 +62,7 @@ export default function TabbedRoutes({ children }: React.PropsWithChildren) {
function InnerTabbedRoutes({
ref: pageRef,
}: {
- ref: React.RefObject;
+ ref: React.RefObject;
}) {
const defaultFeed = useAppSelector(
(state) => state.settings.general.defaultFeed,
diff --git a/src/routes/common/Route.tsx b/src/routes/common/Route.tsx
index 19b2faeb33..87dbf6a51c 100644
--- a/src/routes/common/Route.tsx
+++ b/src/routes/common/Route.tsx
@@ -20,9 +20,9 @@ export default function Route({ children, ...props }: AppRouteProps) {
})();
return (
-
+
{content}
-
+
);
}
diff --git a/src/routes/pages/settings/update/UpdateContext.tsx b/src/routes/pages/settings/update/UpdateContext.tsx
index e01b5cbd0f..e2dcb74fb6 100644
--- a/src/routes/pages/settings/update/UpdateContext.tsx
+++ b/src/routes/pages/settings/update/UpdateContext.tsx
@@ -44,7 +44,7 @@ function EnabledUpdateContextProvider({ children }: React.PropsWithChildren) {
const [status, setStatus] = useState("not-enabled");
const documentState = useDocumentVisibility();
- const registration = useRef();
+ const registration = useRef(undefined);
const registerSW = useRegisterSW({
onRegistered(r) {
@@ -99,7 +99,7 @@ function EnabledUpdateContextProvider({ children }: React.PropsWithChildren) {
}
return (
-
{children}
-
+
);
}
diff --git a/src/routes/pages/shared/CommunityPage.tsx b/src/routes/pages/shared/CommunityPage.tsx
index 36bd6d8f62..e1846eda3b 100644
--- a/src/routes/pages/shared/CommunityPage.tsx
+++ b/src/routes/pages/shared/CommunityPage.tsx
@@ -65,7 +65,7 @@ function CommunityPageContent({ community, actor }: CommunityPageParams) {
const router = useOptimizedIonRouter();
const getRandomCommunity = useGetRandomCommunity();
- const appTitleRef = useRef(null);
+ const appTitleRef = useRef(undefined);
const searchOpen = searchQuery || _searchOpen;
@@ -151,8 +151,8 @@ function CommunityPageContent({ community, actor }: CommunityPageParams) {
if (!sort) return ;
return (
-
-
+
+
-
-
+
+
);
})();
diff --git a/src/routes/pages/shared/ModqueuePage.tsx b/src/routes/pages/shared/ModqueuePage.tsx
index 7a80a6a354..bd6139fb97 100644
--- a/src/routes/pages/shared/ModqueuePage.tsx
+++ b/src/routes/pages/shared/ModqueuePage.tsx
@@ -137,13 +137,13 @@ function ModqueueByCommunity({ community }: { community?: Community }) {
-
+
-
+
diff --git a/src/routes/pages/shared/SpecialFeedPage.tsx b/src/routes/pages/shared/SpecialFeedPage.tsx
index 3e76f7bb19..6af9c21804 100644
--- a/src/routes/pages/shared/SpecialFeedPage.tsx
+++ b/src/routes/pages/shared/SpecialFeedPage.tsx
@@ -95,10 +95,8 @@ export default function SpecialFeedPage({ type }: SpecialFeedProps) {
if (!sort) return ;
return (
-
-
+
+
-
-
+
+
);
})();