yolo

.env.local

@@ -0,0 +1 @@
+VITE_CONVEX_URL="https://grandiose-whale-268.convex.cloud"

App.js

@@ -1,19 +1,26 @@
 import { StatusBar } from 'expo-status-bar';
 import { StyleSheet, Text, View } from 'react-native';
 import 'react-native-get-random-values';
+import { useMutation, useQuery } from './convex/_generated/react';
+import { ConvexProvider, ConvexReactClient } from 'convex/react';
+import Test from './components/Test';
 
 
-const convex = new ConvexReactClient(CONVEX_URL, {
+const convex = new ConvexReactClient("https://frugal-crocodile-166.convex.cloud", {
   // We need to disable this to be compatible with React Native
   unsavedChangesWarning: false,
 });
 
 export default function App() {
   return (
-    <View style={styles.container}>
-      <Text>Open up App.js to start working on your app!</Text>
-      <StatusBar style="auto" />
-    </View>
+    <ConvexProvider client={convex}>
+      <View style={styles.container}>
+        <Test />
+
+        <Text>Open up App.js to start working on your app!</Text>
+        <StatusBar style="auto" />
+      </View>
+    </ConvexProvider>
   );
 }
 

components/Test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { useMutation, useQuery } from '../convex/_generated/react';
+import { Text } from 'react-native';
+
+export default function Test() {
+    const counter = useQuery('makePayment') ?? 0;
+    console.log(counter);
+    return <Text>{counter[0].amount}</Text>;
+}

convex/_generated/api.d.ts

@@ -10,6 +10,7 @@
  */
 
 import type { ApiFromModules } from "convex/api";
+import type * as makePayment from "../makePayment";
 
 /**
  * A type describing your app's public Convex API.
@@ -20,4 +21,6 @@ import type { ApiFromModules } from "convex/api";
  * This type should be used with type-parameterized classes like
  * `ConvexReactClient` to create app-specific types.
  */
-export type API = ApiFromModules<{}>;
+export type API = ApiFromModules<{
+  makePayment: typeof makePayment;
+}>;

convex/makePayment.ts

@@ -0,0 +1,10 @@
+import { mutation } from './_generated/server';
+
+interface Payment {
+    amount: number;
+}
+
+export default mutation(async ({ db }, body, author) => {
+    const message = { body, author };
+    await db.insert('messages', message);
+});