colin/Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use useRefMerger in Input to avoid re-renders

Browse Source
This commit is contained in:
Josh Perez
2022-04-21 16:20:41 -04:00
committed by GitHub
parent 7344f480c1
commit 6c68c00578
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ts/components/Input.tsx
View File

@@ -14,7 +14,7 @@ import classNames from 'classnames';
import * as grapheme from '../util/grapheme'; import * as grapheme from '../util/grapheme';
import type { LocalizerType } from '../types/Util'; import type { LocalizerType } from '../types/Util';
import { getClassNamesFor } from '../util/getClassNamesFor'; import { getClassNamesFor } from '../util/getClassNamesFor';
import { refMerger } from '../util/refMerger'; import { useRefMerger } from '../hooks/useRefMerger';
import { byteLength } from '../Bytes'; import { byteLength } from '../Bytes';
export type PropsType = { export type PropsType = {
@@ -84,6 +84,7 @@ export const Input = forwardRef<
const valueOnKeydownRef = useRef<string>(value); const valueOnKeydownRef = useRef<string>(value);
const selectionStartOnKeydownRef = useRef<number>(value.length); const selectionStartOnKeydownRef = useRef<number>(value.length);
const [isLarge, setIsLarge] = useState(false); const [isLarge, setIsLarge] = useState(false);
const refMerger = useRefMerger();
const maybeSetLarge = useCallback(() => { const maybeSetLarge = useCallback(() => {
if (!expandable) { if (!expandable) {