Add missing changes to App.tsx

Author: bghgary

Apps/Playground/playground-shared/App.tsx

@@ -9,7 +9,7 @@ import React, { useState, FunctionComponent, useEffect, useCallback } from 'reac
 import { SafeAreaView, StatusBar, Button, View, Text, ViewProps, Image } from 'react-native';
 
 import { EngineView, useEngine, EngineViewCallbacks } from '@babylonjs/react-native';
-import { Scene, Vector3, ArcRotateCamera, Camera, WebXRSessionManager, SceneLoader, TransformNode, DeviceSourceManager, DeviceType, DeviceSource, PointerInput, WebXRTrackingState, Nullable } from '@babylonjs/core';
+ import { Scene, Vector3, ArcRotateCamera, Camera, WebXRSessionManager, SceneLoader, TransformNode, DeviceSourceManager, DeviceType, PointerInput, WebXRTrackingState, IMouseEvent } from '@babylonjs/core';
 import '@babylonjs/loaders';
 import Slider from '@react-native-community/slider';
 
@@ -40,24 +40,23 @@ const EngineScreen: FunctionComponent<ViewProps> = (props: ViewProps) => {
       setRootNode(rootNode);
 
       const deviceSourceManager = new DeviceSourceManager(engine);
-      const handlePointerInput = (inputIndex: PointerInput, previousState: Nullable<number>, currentState: Nullable<number>) => {
-        if (inputIndex === PointerInput.Horizontal &&
-          currentState && previousState) {
-          rootNode.rotate(Vector3.Down(), (currentState - previousState) * 0.005);
+       const handlePointerInput = (event: IMouseEvent) => {
+         if (event.inputIndex === PointerInput.Move && event.movementX) {
+           rootNode.rotate(Vector3.Down(), event.movementX * 0.005);
         };
       };
 
       deviceSourceManager.onDeviceConnectedObservable.add(device => {
         if (device.deviceType === DeviceType.Touch) {
-          const touch: DeviceSource<DeviceType.Touch> = deviceSourceManager.getDeviceSource(device.deviceType, device.deviceSlot)!;
+           const touch = deviceSourceManager.getDeviceSource(device.deviceType, device.deviceSlot)!;
           touch.onInputChangedObservable.add(touchEvent => {
-            handlePointerInput(touchEvent.inputIndex, touchEvent.previousState, touchEvent.currentState);
+             handlePointerInput(touchEvent);
           });
         } else if (device.deviceType === DeviceType.Mouse) {
-          const mouse: DeviceSource<DeviceType.Mouse> = deviceSourceManager.getDeviceSource(device.deviceType, device.deviceSlot)!;
+           const mouse = deviceSourceManager.getDeviceSource(device.deviceType, device.deviceSlot)!;
           mouse.onInputChangedObservable.add(mouseEvent => {
             if (mouse.getInput(PointerInput.LeftClick)) {
-              handlePointerInput(mouseEvent.inputIndex, mouseEvent.previousState, mouseEvent.currentState);
+               handlePointerInput(mouseEvent);
             }
           });
         }