use generic type with require

Author: bgawkuc

__mocks__/react-native-webview.ts

@@ -1,8 +1,8 @@
 import type {View as RNView} from 'react-native';
 
 jest.mock('react-native-webview', () => {
-    const {View} = require('react-native');
+    const {View} = require<{View: RNView}>('react-native');
     return {
-        WebView: () => View as RNView,
+        WebView: () => View,
     };
 });

config/webpack/webpack.common.ts

@@ -24,7 +24,7 @@ type PreloadWebpackPluginClass = {
 };
 
 // require is necessary, there are no types for this package and the declaration file can't be seen by the build process which causes an error.
-const PreloadWebpackPlugin: PreloadWebpackPluginClass = require('@vue/preload-webpack-plugin');
+const PreloadWebpackPlugin = require<PreloadWebpackPluginClass>('@vue/preload-webpack-plugin');
 
 const includeModules = [
     'react-native-animatable',

src/libs/Performance.tsx

@@ -92,7 +92,7 @@ const Performance: PerformanceModule = {
 };
 
 if (Metrics.canCapturePerformanceMetrics()) {
-    const perfModule: ReactNativePerformance = require('react-native-performance');
+    const perfModule = require<ReactNativePerformance>('react-native-performance');
     perfModule.setResourceLoggingEnabled(true);
     rnPerformance = perfModule.default;
 

wdyr.ts

@@ -6,7 +6,7 @@ import Config from 'react-native-config';
 const useWDYR = Config?.USE_WDYR === 'true';
 
 if (useWDYR) {
-    const whyDidYouRender: typeof WhyDidYouRender = require('@welldone-software/why-did-you-render');
+    const whyDidYouRender = require<typeof WhyDidYouRender>('@welldone-software/why-did-you-render');
     whyDidYouRender(React, {
         // Enable tracking in all pure components by default
         trackAllPureComponents: true,