throw custom ValidationError

contains an message formatter, displaying all messages concatinated.

components/wizard/context/wizardStore.tsx

@@ -4,6 +4,7 @@ import {
   loadBookingData,
   storeBookingData,
 } from '../../../helpers/storage'
+import { ValidationError } from './validationError'
 
 interface WizardFormData {
   startDate: string
@@ -163,7 +164,7 @@ async function createBooking(formData: WizardFormData) {
 
   if (response.status === 400) {
     const error = await response.json()
-    throw Error(error.message)
+    throw new ValidationError(error.errors)
   }
 
   if (!response.ok) {