diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/ConversationCell.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/ConversationCell.vue
index 5d6cbcb8d..5342d75e4 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/ConversationCell.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/ConversationCell.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { computed } from 'vue';
+
 const { row } = defineProps({
   row: {
     type: Object,
@@ -6,10 +8,10 @@ const { row } = defineProps({
   },
 });
 
-const routerParams = {
+const routerParams = computed(() => ({
   name: 'inbox_conversation',
   params: { conversation_id: row.original.conversationId },
-};
+}));
 </script>
 
 <template>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
index 10cdf5173..b66ec20f6 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
@@ -90,6 +90,7 @@ const columns = [
       const [ratingObject = {}] = CSAT_RATINGS.filter(
         rating => rating.value === giveRating
       );
+
       return h(
         'span',
         {
@@ -109,13 +110,7 @@ const columns = [
   columnHelper.accessor('conversationId', {
     header: '',
     width: 100,
-    cell: cellProps => {
-      const { row } = cellProps;
-      return h(ConversationCell, {
-        key: row.original.conversationId,
-        row,
-      });
-    },
+    cell: cellProps => h(ConversationCell, cellProps),
   }),
 ];