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:
committed by
GitHub
parent
d7730f417b
commit
fac982811c
@@ -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(() => {
|
||||
|
||||
@@ -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 => {
|
||||
|
||||
Reference in New Issue
Block a user