fix(timeline): add isReadyRef, fix handleEdit refs, fix inline import() types

- RoomTimeline.tsx: define isReadyRef to safely read isReady inside
  setTimeout closures; rename handleEditCallback → handleEdit (shorthand)
- ThreadDrawer.tsx: rename handleEditCallback → handleEdit
- ThreadBrowser.tsx: replace forbidden inline import() type annotations
  with top-level HTMLReactParserOptions and LinkifyOpts imports; html-react-
  parser v4 exports HTMLReactParserOptions (not Options)

Author: Just-Insane

docs/TIMELINE_FIXES.md

@@ -244,6 +244,8 @@ export function RoomTimeline({
   const currentRoomIdRef = useRef(room.roomId);
 
   const [isReady, setIsReady] = useState(false);
+  const isReadyRef = useRef(isReady);
+  isReadyRef.current = isReady;
 
   if (currentRoomIdRef.current !== room.roomId) {
     hasInitialScrolledRef.current = false;
@@ -588,7 +590,7 @@ export function RoomTimeline({
     setReplyDraft: setReplyDraft as unknown as (draft: unknown) => void,
     openThreadId,
     setOpenThread: setOpenThread as unknown as (threadId: string | undefined) => void,
-    handleEdit: handleEditCallback,
+    handleEdit,
     handleOpenEvent: (id) => {
       const anchorId = unwrapRelationJumpTarget(room, id);
       let evtTimeline = getEventTimeline(room, anchorId);
@@ -1137,18 +1139,29 @@ export function RoomTimeline({
           }}
         >
           <MessageBase space={messageSpacing}>
-            {messageLayout === MessageLayout.Compact ? <CompactPlaceholder /> : <DefaultPlaceholder />}
+            {messageLayout === MessageLayout.Compact ? (
+              <CompactPlaceholder />
+            ) : (
+              <DefaultPlaceholder />
+            )}
           </MessageBase>
           <MessageBase space={messageSpacing}>
-            {messageLayout === MessageLayout.Compact ? <CompactPlaceholder /> : <DefaultPlaceholder />}
+            {messageLayout === MessageLayout.Compact ? (
+              <CompactPlaceholder />
+            ) : (
+              <DefaultPlaceholder />
+            )}
           </MessageBase>
           <MessageBase space={messageSpacing}>
-            {messageLayout === MessageLayout.Compact ? <CompactPlaceholder /> : <DefaultPlaceholder />}
+            {messageLayout === MessageLayout.Compact ? (
+              <CompactPlaceholder />
+            ) : (
+              <DefaultPlaceholder />
+            )}
           </MessageBase>
         </div>
       )}
 
-
       {(!atBottomState || !timelineSync.liveTimelineLinked) && isReady && (
         <TimelineFloat position="Bottom">
           <Chip

src/app/features/room/RoomTimeline.tsx

@@ -18,6 +18,8 @@ import {
 import type { EventTimelineSet, MatrixEvent, Room, Thread } from '$types/matrix-sdk';
 import { NotificationCountType, RoomEvent, ThreadEvent } from '$types/matrix-sdk';
 import { useAtomValue } from 'jotai';
+import type { HTMLReactParserOptions } from 'html-react-parser';
+import type { Opts as LinkifyOpts } from 'linkifyjs';
 import { useMatrixClient } from '$hooks/useMatrixClient';
 import { useMediaAuthentication } from '$hooks/useMediaAuthentication';
 import { useSettingsLinkBaseUrl } from '$features/settings/useSettingsLinkBaseUrl';
@@ -74,7 +76,7 @@ function ThreadPreview({ room, thread, onClick, onJump }: ThreadPreviewProps) {
   const mentionClickHandler = useMentionClickHandler(room.roomId);
   const spoilerClickHandler = useSpoilerClickHandler();
 
-  const linkifyOpts = useMemo<import('linkifyjs').Opts>(
+  const linkifyOpts = useMemo<LinkifyOpts>(
     () => ({
       ...LINKIFY_OPTS,
       render: factoryRenderLinkifyWithMention(
@@ -93,7 +95,7 @@ function ThreadPreview({ room, thread, onClick, onJump }: ThreadPreviewProps) {
     [mx, room.roomId, nicknames, mentionClickHandler, settingsLinkBaseUrl]
   );
 
-  const htmlReactParserOptions = useMemo<import('html-react-parser').Options>(
+  const htmlReactParserOptions = useMemo<HTMLReactParserOptions>(
     () =>
       getReactCustomHtmlParser(mx, room.roomId, {
         settingsLinkBaseUrl,

src/app/features/room/ThreadBrowser.tsx

@@ -618,7 +618,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra
       );
     const ownId = ownReply?.id;
     if (ownId) {
-      handleEditCallback(ownId);
+      handleEdit(ownId);
       const el = drawerRef.current;
       if (el) {
         el.querySelector(`[data-message-id="${ownId}"]`)?.scrollIntoView({
@@ -627,7 +627,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra
         });
       }
     }
-  }, [mx, threadRootId, handleEditCallback]);
+  }, [mx, threadRootId, handleEdit]);
 
   const handleResend = useCallback(
     (event: MatrixEvent) => {