diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
index 6717c1736f65..204f70344b18 100644
--- a/.storybook/webpack.config.js
+++ b/.storybook/webpack.config.js
@@ -25,7 +25,7 @@ module.exports = ({config}) => {
     config.resolve.alias = {
         'react-native-config': 'react-web-config',
         'react-native$': 'react-native-web',
-        '@react-native-community/netinfo': path.resolve(__dirname, '../__mocks__/@react-native-community/netinfo.js'),
+        '@react-native-community/netinfo': path.resolve(__dirname, '../__mocks__/@react-native-community/netinfo.ts'),
         '@react-navigation/native': path.resolve(__dirname, '../__mocks__/@react-navigation/native'),
 
         // Module alias support for storybook files, coping from `webpack.common.js`
diff --git a/__mocks__/@react-native-community/netinfo.js b/__mocks__/@react-native-community/netinfo.js
deleted file mode 100644
index 53a9282ea8db..000000000000
--- a/__mocks__/@react-native-community/netinfo.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const defaultState = {
-    type: 'cellular',
-    isConnected: true,
-    isInternetReachable: true,
-    details: {
-        isConnectionExpensive: true,
-        cellularGeneration: '3g',
-    },
-};
-
-const RNCNetInfoMock = {
-    configure: () => {},
-    fetch: () => Promise.resolve(defaultState),
-    refresh: () => Promise.resolve(defaultState),
-    addEventListener: () => () => {},
-    useNetInfo: () => {},
-};
-
-export default RNCNetInfoMock;
diff --git a/__mocks__/@react-native-community/netinfo.ts b/__mocks__/@react-native-community/netinfo.ts
new file mode 100644
index 000000000000..0b7bdc9010a3
--- /dev/null
+++ b/__mocks__/@react-native-community/netinfo.ts
@@ -0,0 +1,31 @@
+import {NetInfoCellularGeneration, NetInfoStateType} from '@react-native-community/netinfo';
+import type {addEventListener, configure, fetch, NetInfoState, refresh, useNetInfo} from '@react-native-community/netinfo';
+
+const defaultState: NetInfoState = {
+    type: NetInfoStateType.cellular,
+    isConnected: true,
+    isInternetReachable: true,
+    details: {
+        isConnectionExpensive: true,
+        cellularGeneration: NetInfoCellularGeneration['3g'],
+        carrier: 'T-Mobile',
+    },
+};
+
+type NetInfoMock = {
+    configure: typeof configure;
+    fetch: typeof fetch;
+    refresh: typeof refresh;
+    addEventListener: typeof addEventListener;
+    useNetInfo: typeof useNetInfo;
+};
+
+const netInfoMock: NetInfoMock = {
+    configure: () => {},
+    fetch: () => Promise.resolve(defaultState),
+    refresh: () => Promise.resolve(defaultState),
+    addEventListener: () => () => {},
+    useNetInfo: () => defaultState,
+};
+
+export default netInfoMock;