one more refactor

Author: akwasniewski

packages/react-native-gesture-handler/src/RNGestureHandlerModule.web.ts

@@ -67,6 +67,7 @@ export default {
   },
   detachGestureHandler(handlerTag: number) {
     if (shouldPreventDrop) {
+      shouldPreventDrop = false;
       return;
     }
 

packages/react-native-gesture-handler/src/web/handlers/GestureHandler.ts

@@ -360,13 +360,9 @@ export default abstract class GestureHandler implements IGestureHandler {
     if (!this.enabled) {
       return;
     }
-    if (!this.propsRef) {
-      throw new Error(
-        tagMessage('Cannot handle event when component props are null')
-      );
-    }
+    this.ensurePropsRef();
     const { onGestureHandlerEvent, onGestureHandlerTouchEvent }: PropsRef =
-      this.propsRef.current;
+      this.propsRef!.current;
 
     const touchEvent: ResultTouchEvent | undefined =
       this.transformTouchEvent(event);
@@ -388,16 +384,12 @@ export default abstract class GestureHandler implements IGestureHandler {
   //
 
   public sendEvent = (newState: State, oldState: State): void => {
-    if (!this.propsRef) {
-      throw new Error(
-        tagMessage('Cannot handle event when component props are null')
-      );
-    }
+    this.ensurePropsRef();
     const {
       onGestureHandlerEvent,
       onGestureHandlerStateChange,
       onGestureHandlerAnimatedEvent,
-    }: PropsRef = this.propsRef.current;
+    }: PropsRef = this.propsRef!.current;
     const resultEvent: ResultEvent = this.transformEventData(
       newState,
       oldState
@@ -545,11 +537,7 @@ export default abstract class GestureHandler implements IGestureHandler {
   }
 
   private cancelTouches(): void {
-    if (!this.propsRef) {
-      throw new Error(
-        tagMessage('Cannot handle event when component props are null')
-      );
-    }
+    this.ensurePropsRef();
     const rect = this.delegate.measureView();
 
     const all: PointerData[] = [];
@@ -594,11 +582,19 @@ export default abstract class GestureHandler implements IGestureHandler {
       timeStamp: Date.now(),
     };
 
-    const { onGestureHandlerEvent }: PropsRef = this.propsRef.current;
+    const { onGestureHandlerEvent }: PropsRef = this.propsRef!.current;
 
     invokeNullableMethod(onGestureHandlerEvent, cancelEvent);
   }
 
+  protected ensurePropsRef(): void {
+    if (!this.propsRef) {
+      throw new Error(
+        tagMessage('Cannot handle event when component props are null')
+      );
+    }
+  }
+
   protected transformNativeEvent(): Record<string, unknown> {
     // Those properties are shared by most handlers and if not this method will be overriden
     const lastCoords = this.tracker.getAbsoluteCoordsAverage();

packages/react-native-gesture-handler/src/web/tools/GestureHandlerWebDelegate.ts

@@ -12,6 +12,7 @@ import { Config } from '../interfaces';
 import { MouseButton } from '../../handlers/gestureHandlerCommon';
 import KeyboardEventManager from './KeyboardEventManager';
 import WheelEventManager from './WheelEventManager';
+import { tagMessage } from '../../utils';
 
 interface DefaultViewStyles {
   userSelect: string;
@@ -22,7 +23,7 @@ export class GestureHandlerWebDelegate
   implements GestureHandlerDelegate<HTMLElement, IGestureHandler>
 {
   private isInitialized = false;
-  private _view!: HTMLElement;
+  private _view: HTMLElement | null = null;
 
   private gestureHandler!: IGestureHandler;
   private eventManagers: EventManager<unknown>[] = [];
@@ -64,7 +65,7 @@ export class GestureHandlerWebDelegate
   }
 
   detach(): void {
-    this.view = null as unknown as HTMLElement;
+    this._view = null;
     this.defaultViewStyles = {
       userSelect: '',
       touchAction: '',
@@ -232,6 +233,10 @@ export class GestureHandlerWebDelegate
   }
 
   public get view() {
+    if (!this._view) {
+      throw new Error(tagMessage('component`s view is null'));
+    }
+
     return this._view;
   }
   public set view(value: HTMLElement) {