fix storybook errors

Author: situchan

.storybook/main.ts

@@ -1,4 +1,4 @@
-import type {StorybookConfig} from 'storybook/internal/types';
+import type {StorybookConfig} from '@storybook/react-webpack5';
 
 const main: StorybookConfig = {
     stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
@@ -15,6 +15,9 @@ const main: StorybookConfig = {
         options: {},
     },
     docs: {},
+    typescript: {
+        reactDocgen: false,
+    },
 };
 
 export default main;

__mocks__/@react-navigation/native/index.ts

@@ -18,13 +18,13 @@ const {triggerTransitionEnd, addListener} = isJestEnv
 
 const useNavigation = isJestEnv
     ? realReactNavigation.useNavigation
-    : {
+    : () => ({
           navigate: isJestEnv ? jest.fn() : () => {},
           getState: () => ({
               routes: [],
           }),
           addListener,
-      };
+      });
 
 type NativeNavigationMock = typeof ReactNavigation & {
     triggerTransitionEnd: () => void;

src/components/Search/SearchContext.tsx

@@ -1,4 +1,4 @@
-import {useNavigation} from '@react-navigation/core';
+import {useNavigation} from '@react-navigation/native';
 import type {NavigationState} from '@react-navigation/routers';
 import React, {useContext, useEffect, useRef, useState} from 'react';
 // We need direct access to useOnyx from react-native-onyx to avoid circular dependencies in SearchContext