diff --git a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
index 98bed32128..7049b6257b 100644
--- a/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCompatibility.vue
@@ -1,5 +1,5 @@
 <template>
-	<div v-if="project.versions.length > 0" class="flex flex-col gap-3">
+	<div v-if="project.versions?.length > 0" class="flex flex-col gap-3">
 		<h2 class="text-lg m-0">{{ formatMessage(messages.title) }}</h2>
 		<section class="flex flex-col gap-2">
 			<h3 class="text-primary text-base m-0">{{ formatMessage(messages.minecraftJava) }}</h3>
@@ -142,9 +142,9 @@ const props = defineProps<{
 const noModpackLoader = computed(
 	() =>
 		(props.projectV3?.project_types.includes('modpack') &&
-			props.projectV3?.mrpack_loaders.length === 1 &&
-			props.projectV3?.mrpack_loaders[0] === 'minecraft') ||
-		props.projectV3?.mrpack_loaders.length === 0,
+			props.projectV3?.mrpack_loaders?.length === 1 &&
+			props.projectV3?.mrpack_loaders?.[0] === 'minecraft') ||
+		props.projectV3?.mrpack_loaders?.length === 0,
 )
 
 const showEnvironments = computed(