diff --git a/livestore/livestore/examples/linearlite/src/pages/List/IssueRow.tsx b/vulcan/linearite/src/pages/List/IssueRow.tsx
index 907a1f2..ef52d59 100644
--- a/livestore/livestore/examples/linearlite/src/pages/List/IssueRow.tsx
+++ b/vulcan/linearite/src/pages/List/IssueRow.tsx
@@ -7,9 +7,11 @@ import Avatar from '../../components/Avatar'
 import { memo } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { formatDate } from '../../utils/date'
-import { Issue } from '../../types'
 import { PriorityType, StatusType } from '../../types/issue'
-import { useStore } from '@livestore/livestore/react'
+import { Issue } from '../../domain/SchemaType'
+import { useDB } from '@vlcn.io/react'
+import { DBName } from '../../domain/Schema'
+import { mutations } from '../../domain/mutations'

 interface Props {
   issue: Issue
@@ -18,23 +20,20 @@ interface Props {

 // eslint-disable-next-line react-refresh/only-export-components
 function IssueRow({ issue, style }: Props) {
-  // const { db } = useElectric()!
   const navigate = useNavigate()
-  const { store } = useStore()
+  const ctx = useDB(DBName)

-  const handleChangeStatus = (status: StatusType) => {
-    store.applyEvent('updateIssueStatus', {
+  const handleChangeStatus = (status: StatusType) =>
+    mutations.updateIssue(ctx.db, {
       id: issue.id,
       status,
     })
-  }

-  const handleChangePriority = (priority: PriorityType) => {
-    store.applyEvent('updateIssuePriority', {
+  const handleChangePriority = (priority: PriorityType) =>
+    mutations.updateIssue(ctx.db, {
       id: issue.id,
       priority,
     })
-  }

   return (
     <div