Update usages of refs for React 19 compatibility (#29536)

* Update usages of refs for React 19 compatibility

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Simplify

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2025-03-28 10:07:41 +00:00
committed by GitHub
parent d7730f417b
commit fac982811c
75 changed files with 378 additions and 133 deletions

View File

@@ -13,7 +13,7 @@ type Handler = () => void;
// Hook to simplify timeouts in functional components
export const useTimeout = (handler: Handler, timeoutMs: number): void => {
// Create a ref that stores handler
const savedHandler = useRef<Handler>();
const savedHandler = useRef<Handler>(undefined);
// Update ref.current value if handler changes.
useEffect(() => {
@@ -32,7 +32,7 @@ export const useTimeout = (handler: Handler, timeoutMs: number): void => {
// Hook to simplify intervals in functional components
export const useInterval = (handler: Handler, intervalMs: number): void => {
// Create a ref that stores handler
const savedHandler = useRef<Handler>();
const savedHandler = useRef<Handler>(undefined);
// Update ref.current value if handler changes.
useEffect(() => {

View File

@@ -21,7 +21,7 @@ export const useTimeoutToggle = (
value: boolean;
toggle(): void;
} => {
const timeoutId = useRef<number | undefined>();
const timeoutId = useRef<number | undefined>(undefined);
const [value, setValue] = useState<boolean>(defaultValue);
const toggle = (): void => {