Replace "use-resize-observer" with "@react-hook/resize-observer"

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2022-04-14 21:41:48 +02:00
parent 3266562ac2
commit 0c873b0f97
4 changed files with 62 additions and 31 deletions

View file

@ -7,9 +7,9 @@
import equal from 'fast-deep-equal'
import type { RefObject } from 'react'
import { useCallback, useEffect, useRef } from 'react'
import useResizeObserver from 'use-resize-observer'
import type { LineMarkerPosition } from '../markdown-extension/linemarker/types'
import type { LineMarkers } from '../markdown-extension/linemarker/add-line-marker-markdown-it-plugin'
import useResizeObserver from '@react-hook/resize-observer'
export const calculateLineMarkerPositions = (
documentElement: HTMLDivElement,
@ -72,8 +72,5 @@ export const useCalculateLineMarkerPosition = (
calculateNewLineMarkerPositions()
}, [calculateNewLineMarkerPositions])
useResizeObserver({
ref: documentElement,
onResize: () => calculateNewLineMarkerPositions()
})
useResizeObserver(documentElement, calculateNewLineMarkerPositions)
}