diff --git a/src/components/ReportRoomDialog.vue b/src/components/ReportRoomDialog.vue
index 6cadfd5..903653c 100644
--- a/src/components/ReportRoomDialog.vue
+++ b/src/components/ReportRoomDialog.vue
@@ -40,7 +40,6 @@
 </template>
 <script>
 import roomInfoMixin from "./roomInfoMixin";
-import * as utils from 'matrix-js-sdk/lib/utils';
 
 export default {
   name: "ReportRoomDialog",
@@ -74,16 +73,21 @@ export default {
 
   methods: {
     onReport() {
-        const path = utils.encodeUri("/rooms/$roomId/report", {
-            $roomId: this.room.roomId,
-        });
-        this.$matrix.matrixClient.http.authedRequest("POST", path, undefined, { reason: this.reason }, { prefix: "/_matrix/client/v3"})
+      const events = this.room.getLiveTimeline().getEvents();
+      if (events && events.length > 0) {
+        const eventId = events[events.length - 1].getId();
+        // const path = utils.encodeUri("/rooms/$roomId/report", {
+        //     $roomId: this.room.roomId,
+        // });
+        // this.$matrix.matrixClient.http.authedRequest("POST", path, undefined, { reason: this.reason }, { prefix: "/_matrix/client/v3"})
+        this.$matrix.matrixClient.reportEvent(this.room.roomId, eventId, -100, this.reason)
         .then(() => {
           this.showDialog = false;
         })
         .catch((err) => {
           console.log("Error reporting", err);
         });
+      }
     },
   },
 };