diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 5f67a981..48288244 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -16,6 +16,14 @@ jobs:
       - run: pnpm install
       - run: pnpm run lint
 
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v4
+      - run: pnpm install
+      - run: pnpm run build
+
   test:
     runs-on: ubuntu-latest
     steps:
@@ -48,7 +56,7 @@ jobs:
       - run: pnpm run test:int
 
   test-e2e:
-    needs: [lint, test, test-int, pulumi]
+    needs: [lint, build, test, test-int, pulumi]
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
diff --git a/client/src/features/room/organisms/ChatBox.tsx b/client/src/features/room/organisms/ChatBox.tsx
index bd4484b3..f8151d69 100644
--- a/client/src/features/room/organisms/ChatBox.tsx
+++ b/client/src/features/room/organisms/ChatBox.tsx
@@ -17,7 +17,7 @@ const JoinAlert = ({ roomResponse }: ChatBoxProps): ReactElement => {
   const requiresApproval = roomResponse.room.joinPolicy === 'request'
   const awaitingApproval = roomResponse.status === 'PendingApproval'
 
-  const { mutate: joinRoom, isLoading, isSuccess: isJoined } = useJoinRoom(roomId)
+  const { mutate: joinRoom, isPending, isSuccess: isJoined } = useJoinRoom(roomId)
 
   useEffect(() => {
     if (isJoined) {
@@ -40,7 +40,7 @@ const JoinAlert = ({ roomResponse }: ChatBoxProps): ReactElement => {
         <AlertIcon />
         Join this room to chat.
         <Spacer />
-        <Button rightIcon={isLoading ? <Spinner /> : undefined} onClick={() => joinRoom()}>
+        <Button rightIcon={isPending ? <Spinner /> : undefined} onClick={() => joinRoom()}>
           {requiresApproval ? 'Request to Join' : 'Join'}
         </Button>
       </Alert>
@@ -61,7 +61,7 @@ export const ChatBox: React.FC<ChatBoxProps> = ({ roomResponse }: ChatBoxProps):
   const [content, setContent] = useState<string>('')
   const { data: user, isLoading } = useUserDetails()
   const joined = user?.rooms.some((room) => room.id === roomId)
-  const { mutate: postMessage, isLoading: isSending } = usePostMessage(roomId, content)
+  const { mutate: postMessage, isPending: isSending } = usePostMessage(roomId, content)
   const inputRef = useRef<HTMLTextAreaElement>(null)
 
   useEffect(() => {