chore: updated typescript

Author: gorhom

example/App.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
-import { ShowcaseApp } from '@gorhom/showcase-template';
-import { screens } from './src/screens';
-import { version, description } from '../package.json';
-
+import { StyleSheet } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import Main from './src/Main';
 
 import { enableScreens } from 'react-native-screens';
 enableScreens(true);
@@ -12,23 +10,10 @@ enableScreens(true);
 import { enableLogging } from '@gorhom/bottom-sheet';
 enableLogging();
 
-import { StyleSheet } from 'react-native';
-
-const author = {
-  username: 'Mo Gorhom',
-  url: 'https://gorhom.dev',
-};
-
 export default function App() {
   return (
     <GestureHandlerRootView style={styles.container}>
-      <ShowcaseApp
-        name="Bottom Sheet"
-        description={description}
-        version={version}
-        author={author}
-        data={screens}
-      />
+      <Main />
     </GestureHandlerRootView>
   );
 }

example/src/Dev.tsx

@@ -0,0 +1,47 @@
+import React, { useCallback, useMemo, useRef } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import BottomSheet from '@gorhom/bottom-sheet';
+
+const App = () => {
+  // ref
+  const bottomSheetRef = useRef<BottomSheet>(null);
+
+  // variables
+  const snapPoints = useMemo(() => ['25%', '50%'], []);
+
+  // callbacks
+  const handleSheetChanges = useCallback((index: number) => {
+    // eslint-disable-next-line no-console
+    console.log('handleSheetChanges', index);
+  }, []);
+
+  // renders
+  return (
+    <View style={styles.container}>
+      <BottomSheet
+        ref={bottomSheetRef}
+        index={1}
+        snapPoints={snapPoints}
+        onChange={handleSheetChanges}
+      >
+        <View style={styles.contentContainer}>
+          <Text>Awesome 🎉</Text>
+        </View>
+      </BottomSheet>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 24,
+    backgroundColor: 'grey',
+  },
+  contentContainer: {
+    flex: 1,
+    alignItems: 'center',
+  },
+});
+
+export default App;

example/src/Main.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ShowcaseApp } from '@gorhom/showcase-template';
+import { screens } from './screens';
+import { version, description } from '../../package.json';
+
+const author = {
+  username: 'Mo Gorhom',
+  url: 'https://gorhom.dev',
+};
+
+export default () => (
+  <ShowcaseApp
+    name="Bottom Sheet"
+    description={description}
+    version={version}
+    author={author}
+    data={screens}
+  />
+);

example/src/screens/index.ts

@@ -1,6 +1,7 @@
+import { ShowcaseExampleScreenSectionType } from '@gorhom/showcase-template';
 import { Platform } from 'react-native';
 
-const screens = [];
+const screens: ShowcaseExampleScreenSectionType[] = [];
 
 //#region Basic Section
 const basicSection = {

package.json

@@ -49,8 +49,8 @@
     "@react-native/eslint-config": "^0.72.2",
     "@release-it/conventional-changelog": "^5.1.1",
     "@types/invariant": "^2.2.34",
-    "@types/react": "~18.2.45",
-    "@types/react-native": "^0.73.0",
+    "@types/react": "18.2.45",
+    "@types/react-native": "0.73.0",
     "auto-changelog": "^2.4.0",
     "copyfiles": "^2.4.1",
     "eslint": "^8.21.0",
@@ -65,7 +65,7 @@
     "react-native-gesture-handler": "^2.14.0",
     "react-native-reanimated": "^3.6.0",
     "release-it": "^15.11.0",
-    "typescript": "^5.0.2"
+    "typescript": "^5.3.0"
   },
   "peerDependencies": {
     "@types/react": "*",

yarn.lock

@@ -2193,14 +2193,14 @@
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.11.tgz#2596fb352ee96a1379c657734d4b913a613ad563"
   integrity sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==
 
-"@types/react-native@^0.73.0":
+"@types/react-native@0.73.0":
   version "0.73.0"
   resolved "https://registry.yarnpkg.com/@types/react-native/-/react-native-0.73.0.tgz#b316be230745779814caa533360262140b0f5984"
   integrity sha512-6ZRPQrYM72qYKGWidEttRe6M5DZBEV5F+MHMHqd4TTYx0tfkcdrUFGdef6CCxY0jXU7wldvd/zA/b0A/kTeJmA==
   dependencies:
     react-native "*"
 
-"@types/react@~18.2.45":
+"@types/react@18.2.45":
   version "18.2.45"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.45.tgz#253f4fac288e7e751ab3dc542000fb687422c15c"
   integrity sha512-TtAxCNrlrBp8GoeEp1npd5g+d/OejJHFxS3OWmrPBMFaVQMSN0OFySozJio5BHxTuTeug00AVXVAjfDSfk+lUg==
@@ -8418,7 +8418,7 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-"typescript@^4.6.4 || ^5.2.2", typescript@^5.0.2:
+"typescript@^4.6.4 || ^5.2.2", typescript@^5.3.0:
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37"
   integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==