wrap all instances of mantine hooks used in renderer

src/shared/components/button/button.tsx

@@ -1,7 +1,6 @@
 import type { ButtonVariant, ButtonProps as MantineButtonProps } from '@mantine/core';
 
 import { ElementProps, Button as MantineButton } from '@mantine/core';
-import { useTimeout } from '@mantine/hooks';
 import clsx from 'clsx';
 import { forwardRef, useCallback, useRef, useState } from 'react';
 
@@ -9,6 +8,7 @@ import styles from './button.module.css';
 
 import { Spinner } from '/@/shared/components/spinner/spinner';
 import { Tooltip, TooltipProps } from '/@/shared/components/tooltip/tooltip';
+import { useTimeout } from '/@/shared/hooks/use-timeout';
 import { createPolymorphicComponent } from '/@/shared/utils/create-polymorphic-component';
 
 export interface ButtonProps

src/shared/components/scroll-area/scroll-area.tsx

@@ -1,5 +1,4 @@
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
-import { useMergedRef } from '@mantine/hooks';
 import clsx from 'clsx';
 import { useOverlayScrollbars } from 'overlayscrollbars-react';
 import { forwardRef, Ref, useEffect, useRef, useState } from 'react';
@@ -7,6 +6,7 @@ import { forwardRef, Ref, useEffect, useRef, useState } from 'react';
 import styles from './scroll-area.module.css';
 import './scroll-area.css';
 
+import { useMergedRef } from '/@/shared/hooks/use-merged-ref';
 import { DragData, DragTarget } from '/@/shared/types/drag-and-drop';
 
 interface ScrollAreaProps extends React.ComponentPropsWithoutRef<'div'> {

src/shared/hooks/use-debounced-callback.ts

@@ -0,0 +1,3 @@
+import { useDebouncedCallback as useMantineDebouncedCallback } from '@mantine/hooks';
+
+export const useDebouncedCallback = useMantineDebouncedCallback;

src/shared/hooks/use-debounced-state.ts

@@ -0,0 +1,3 @@
+import { useDebouncedState as useMantineDebouncedState } from '@mantine/hooks';
+
+export const useDebouncedState = useMantineDebouncedState;

src/shared/hooks/use-debounced-value.ts

@@ -0,0 +1,3 @@
+import { useDebouncedValue as useDebouncedValueMantine } from '@mantine/hooks';
+
+export const useDebouncedValue = useDebouncedValueMantine;

src/shared/hooks/use-element-size.ts

@@ -0,0 +1,3 @@
+import { useElementSize as useElementSizeMantine } from '@mantine/hooks';
+
+export const useElementSize = useElementSizeMantine;

src/shared/hooks/use-focus-trap.ts

@@ -0,0 +1,3 @@
+import { useFocusTrap as useMantineFocusTrap } from '@mantine/hooks';
+
+export const useFocusTrap = useMantineFocusTrap;

src/shared/hooks/use-hotkeys.ts

@@ -0,0 +1,8 @@
+import {
+    type HotkeyItem as MantineHotkeyItem,
+    useHotkeys as useMantineHotkeys,
+} from '@mantine/hooks';
+
+export const useHotkeys = useMantineHotkeys;
+
+export type HotkeyItem = MantineHotkeyItem;

src/shared/hooks/use-media-query.ts

@@ -0,0 +1,3 @@
+import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
+
+export const useMediaQuery = useMantineMediaQuery;

src/shared/hooks/use-merged-ref.ts

@@ -0,0 +1,3 @@
+import { useMergedRef as useMergedRefMantine } from '@mantine/hooks';
+
+export const useMergedRef = useMergedRefMantine;

src/shared/hooks/use-set-state.ts

@@ -0,0 +1,3 @@
+import { useSetState as useMantineSetState } from '@mantine/hooks';
+
+export const useSetState = useMantineSetState;

src/shared/hooks/use-timeout.ts

@@ -0,0 +1,3 @@
+import { useTimeout as useMantineTimeout } from '@mantine/hooks';
+
+export const useTimeout = useMantineTimeout;