From 3ecbd64bf70e3b796ea3d8688ba23b409a1cfd10 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 5 Jun 2024 10:40:05 +1000
Subject: [PATCH] Null url fix (#7408)

* RelatedModelField fix

Handle edge case where URL evaluates as null

* Handle undefined field
---
 .../src/components/forms/fields/RelatedModelField.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/forms/fields/RelatedModelField.tsx b/src/frontend/src/components/forms/fields/RelatedModelField.tsx
index 22eadbc988..18816190dd 100644
--- a/src/frontend/src/components/forms/fields/RelatedModelField.tsx
+++ b/src/frontend/src/components/forms/fields/RelatedModelField.tsx
@@ -59,12 +59,17 @@ export function RelatedModelField({
     if (field.value === pk) return;
 
     if (
-      field.value !== null &&
-      field.value !== undefined &&
-      field.value !== ''
+      field?.value !== null &&
+      field?.value !== undefined &&
+      field?.value !== ''
     ) {
       const url = `${definition.api_url}${field.value}/`;
 
+      if (!url) {
+        setPk(null);
+        return;
+      }
+
       api.get(url).then((response) => {
         let pk_field = definition.pk_field ?? 'pk';
         if (response.data && response.data[pk_field]) {