Посоветуйте бесплатное приложение желательно десктопное для изучения Английского???

это точно вопрос по реакту

Не совсем)

ну и чего сюда пишите

а это точно на любую дивку вешается?

Програмисты первые кто учить англ)

Давай ты в ещё больше чатов напишешь. Тогда точно бан получишь

да

у меня так реализовано

const [isOpened, toggleIsOpened] = React.useState(false);
const pickerWrapper = React.useRef<HTMLDivElement>(null);

const closePicker = React.useCallback((event: any) => {
    if (
        !pickerWrapper.current ||
        pickerWrapper.current.contains(event.target)
    ) {
        return;
    }

    toggleIsOpened(false);
    document.removeEventListener("mousedown", closePicker);
}, []);

React.useEffect(() => {
    return () => {
        toggleIsOpened(false);
        document.removeEventListener("mousedown", closePicker);
    };
}, [closePicker]);

const toggleIsOpenedPicker = () => {
    if (!isOpened) {
        document.addEventListener("mousedown", closePicker);
    }
    toggleIsOpened(!isOpened);
};

return <div className="challenge-picker" ref={pickerWrapper}></div>;

выглядит страшно

у меня вот так пока

есть решение с хуком

export const useOnClickOutside = (
    ref: React.MutableRefObject<any>,
    handler: (event?: MouseEvent | TouchEvent) => void
) => {
    React.useEffect(() => {
        const listener = (event: MouseEvent | TouchEvent) => {
            // Do nothing if clicking ref's element or descendent elements
            if (!ref.current || ref.current.contains(event.target)) {
                return;
            }

            handler(event);
        };

        document.addEventListener("mousedown", listener);
        document.addEventListener("touchstart", listener);

        return () => {
            document.removeEventListener("mousedown", listener);
            document.removeEventListener("touchstart", listener);
        };
    }, [ref, handler]);
};

но оно мне не подошло
потому что у меня окно с помощью цсс сворачивалось в зависимости от класса
если без анимации, то подойдет

{flag && <Component />}

ну я чет подобное в гугле находил, думал есть проще методы

Вот на основании чего вы это думали?) Вам предложили несколько вариантов решения, на основании чего вы думаете, что что-то костыль, а что-то "слишком сложно", чего вы ищете?)

ну смотрю варианты, если ниче нет больше, то конечно заюзаю те, которые предложили

export const useOnClickOutside = (
    ref: React.MutableRefObject<any>,
    handler: (event?: MouseEvent | TouchEvent) => void
) => {
    React.useEffect(() => {
        const listener = (event: MouseEvent | TouchEvent) => {
            // Do nothing if clicking ref's element or descendent elements
            if (!ref.current || ref.current.contains(event.target)) {
                return;
            }

            handler(event);
        };

        document.addEventListener("mousedown", listener);
        document.addEventListener("touchstart", listener);

        return () => {
            document.removeEventListener("mousedown", listener);
            document.removeEventListener("touchstart", listener);
        };
    }, [ref, handler]);
};

{flag && <Component />}

вот собственно откуда находил решение
https://usehooks.com/useOnClickOutside/
тут получше пример использования

@ozakazak здесь вакансии не постим

Ребят всем привет, кто сталкивался с Nextjs и Link.... в консоли сыпятся ошибки Did you mean to use React.forwardRef()?, почитав много форумов, понял что ошибка распространенная, нашел вот такое решение https://github.com/vercel/next.js/issues/7915 , тут пишут что якобы решили данную проблему, но у меня всё равно ошибки в консоли, кто как справлялся с этим?

Помогите тогда где можно ?

Как найти толковых ребят блин