useDrop.ts 415 B

1234567891011121314
  1. import type { TLReactCallbacks } from '@tldraw/react'
  2. import * as React from 'react'
  3. import type { Shape } from '../lib'
  4. import { usePaste } from './usePaste'
  5. export function useDrop() {
  6. const handlePaste = usePaste()
  7. return React.useCallback<TLReactCallbacks<Shape>['onDrop']>(
  8. async (app, { dataTransfer, point }) => {
  9. handlePaste(app, { point, shiftKey: false, dataTransfer })
  10. },
  11. []
  12. )
  13. }