try named export

ui/src/components/messages/Messages.test.tsx

@@ -21,7 +21,7 @@ const MockSubscriptionsHook = ({ messages, setMessages }: any) => {
 
 vi.mock('./SubscriptionsHook', () => ({
   __esModule: true,
-  default: MockSubscriptionsHook,
+  SubscriptionsHook: MockSubscriptionsHook,
 }))
 
 const messages = [

ui/src/components/messages/Messages.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components'
 import { authToken } from '../../helpers/authentication'
 import MessageProgress from './MessageProgress'
 import MessagePlain from './Message'
-import SubscriptionsHook, { Message } from './SubscriptionsHook'
+import { SubscriptionsHook, Message } from './SubscriptionsHook'
 import { NotificationType } from '../../__generated__/globalTypes'
 import MessageState from './MessageState'
 

ui/src/components/messages/SubscriptionsHook.ts

@@ -40,7 +40,7 @@ type SubscriptionHookProps = {
   setMessages: React.Dispatch<React.SetStateAction<Message[]>>
 }
 
-const SubscriptionsHook = ({
+export const SubscriptionsHook = ({
   messages,
   setMessages,
 }: SubscriptionHookProps) => {