From a2ad436a200930613c0ba36f98d41dcd0cb2187a Mon Sep 17 00:00:00 2001
From: Nathan Bailey <nate@konghq.com>
Date: Mon, 12 Feb 2024 09:57:54 -0800
Subject: [PATCH] fix(product): ensure product and version are available before
 rendering dependent components (#395)

---
 src/components/ViewSpecRegistrationModal.vue | 2 +-
 src/components/product/Sidebar.vue           | 1 +
 src/views/ProductShell.vue                   | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ViewSpecRegistrationModal.vue b/src/components/ViewSpecRegistrationModal.vue
index 0ef4fe0f..ced9c42c 100644
--- a/src/components/ViewSpecRegistrationModal.vue
+++ b/src/components/ViewSpecRegistrationModal.vue
@@ -241,7 +241,7 @@ export default defineComponent({
 
     const authStrategyId = computed(() => {
       const productVersion = $route.params.product_version
-      const matchingVersion = props.product.versions.find((version) => version.id === productVersion)
+      const matchingVersion = props.product?.versions?.find((version) => version.id === productVersion)
       if (!matchingVersion) {
         return
       }
diff --git a/src/components/product/Sidebar.vue b/src/components/product/Sidebar.vue
index e2ccc3c3..14479587 100644
--- a/src/components/product/Sidebar.vue
+++ b/src/components/product/Sidebar.vue
@@ -30,6 +30,7 @@
       </header>
       <SectionOverview :product="product" />
       <SectionReference
+        v-if="activeProductVersionId"
         :active-product-version-id="activeProductVersionId"
         :product="product"
         :deselect-operation="deselectOperation"
diff --git a/src/views/ProductShell.vue b/src/views/ProductShell.vue
index 20f2ceb4..95593ecb 100644
--- a/src/views/ProductShell.vue
+++ b/src/views/ProductShell.vue
@@ -6,7 +6,7 @@
       class="mt-6"
       :message="productError"
     />
-    <template v-else>
+    <template v-else-if="product">
       <div
         class="sidebar-wrapper"
       >