From 49101831673fa7234042ba06dcfa14f8a5d48564 Mon Sep 17 00:00:00 2001 From: notSagyo Date: Sat, 16 Nov 2024 18:57:01 -0300 Subject: [PATCH] fix("Slider"): update hook to prevent crash in Next.js 15 / React 19 React 19 RC removes findDOMNode making the Slider crash Next.js 15 / React 19 apps. BREAKING CHANGE This may be a breaking change for React 16 and/or earlier versions. --- src/common/hooks/useIsFocusVisible.ts | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/common/hooks/useIsFocusVisible.ts b/src/common/hooks/useIsFocusVisible.ts index 215a9127..ba48f641 100644 --- a/src/common/hooks/useIsFocusVisible.ts +++ b/src/common/hooks/useIsFocusVisible.ts @@ -2,7 +2,6 @@ // based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js import { useCallback } from 'react'; -import { findDOMNode } from 'react-dom'; let hadKeyboardEvent = true; let hadFocusVisibleRecently = false; @@ -138,9 +137,7 @@ function handleBlurVisible() { } export function useIsFocusVisible() { - const ref = useCallback((instance: T) => { - // eslint-disable-next-line react/no-find-dom-node - const node = findDOMNode(instance); + const ref = useCallback((node: T) => { if (node != null) { prepare(node.ownerDocument); }