adjust example project usage

mkuczera · Sep 18, 2024 · 7668b09 · 7668b09
1 parent 5bb92f6
commit 7668b09
Show file tree

Hide file tree

Showing 7 changed files with 9,794 additions and 3 deletions.
diff --git a/example/.yarn/install-state.gz b/example/.yarn/install-state.gz
diff --git a/example/package.json b/example/package.json
@@ -27,6 +27,7 @@
     "@react-native/babel-preset": "0.74.86",
     "@react-native/eslint-config": "0.74.86",
     "@react-native/metro-config": "0.74.86",
+    "@react-native/typescript-config": "^0.75.3",
     "@rnx-kit/metro-config": "^1.3.15",
     "babel-jest": "^29.6.3",
     "eslint": "^8.19.0",

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -20,7 +20,9 @@ import {
 
 import { Colors } from "react-native/Libraries/NewAppScreen";
 
-import HapticFeedback from "react-native-haptic-feedback";
+import HapticFeedback, {
+  HapticFeedbackTypes,
+} from "react-native-haptic-feedback";
 
 type SectionProps = PropsWithChildren<{
   title: string;
@@ -62,7 +64,7 @@ function App(): React.JSX.Element {
   };
 
   const triggerHapticFeedback = () => {
-    HapticFeedback.trigger("impactMedium", {
+    HapticFeedback.trigger(HapticFeedbackTypes.impactMedium, {
       enableVibrateFallback: true,
       ignoreAndroidSystemSettings: false,
     });

diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -0,0 +1,13 @@
+{
+    "extends": "@react-native/typescript-config/tsconfig.json",
+    "compilerOptions": {
+        "jsx": "react-native",
+        "lib": ["dom", "esnext"],
+        "baseUrl": ".",
+        "paths": {
+            "react-native-haptic-feedback": ["../src"]
+        },
+        "resolveJsonModule": true,
+        "esModuleInterop": true
+    }
+}