@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
7
7
8
8
import { Form } from "@vector-im/compound-web" ;
9
9
import React , { useRef , type JSX } from "react" ;
10
+ import { Virtuoso , VirtuosoHandle } from "react-virtuoso" ;
10
11
11
12
import { Flex } from "../../../utils/Flex" ;
12
13
import {
@@ -19,7 +20,6 @@ import { ThreePidInviteTileView } from "./tiles/ThreePidInviteTileView";
19
20
import { MemberListHeaderView } from "./MemberListHeaderView" ;
20
21
import BaseCard from "../../right_panel/BaseCard" ;
21
22
import { _t } from "../../../../languageHandler" ;
22
- import { Virtuoso , VirtuosoHandle } from "react-virtuoso" ;
23
23
24
24
interface IProps {
25
25
roomId : string ;
@@ -75,7 +75,7 @@ const MemberListView: React.FC<IProps> = (props: IProps) => {
75
75
}
76
76
}
77
77
} ,
78
- [ focusedIndex , ref , setFocusedIndex ] ,
78
+ [ focusedIndex , ref , setFocusedIndex , vm , totalRows ] ,
79
79
) ;
80
80
81
81
const scrollerRef = React . useCallback (
@@ -91,13 +91,13 @@ const MemberListView: React.FC<IProps> = (props: IProps) => {
91
91
) ;
92
92
93
93
const onFocus = ( e : React . FocusEvent ) : void => {
94
- let nextIndex = focusedIndex == - 1 ? 0 : focusedIndex ;
94
+ const nextIndex = focusedIndex == - 1 ? 0 : focusedIndex ;
95
95
scrollToIndex ( nextIndex ) ;
96
96
e . preventDefault ( ) ;
97
97
} ;
98
98
99
- function footer ( ) {
100
- return < div style = { { height : "32px" } } > </ div > ;
99
+ function footer ( ) : React . ReactNode {
100
+ return < div style = { { height : "32px" } } / >;
101
101
}
102
102
103
103
return (
0 commit comments