From b82edcac86fce371588be556b61ff9cccd8df344 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Mon, 13 Feb 2023 14:07:23 +0800
Subject: [PATCH] Ensure Listbox component doesnt crash if no children

---
 packages/ui/src/components/Listbox/Listbox2.tsx | 2 +-
 studio/pages/project/[ref]/auth/policies.tsx    | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/Listbox/Listbox2.tsx b/packages/ui/src/components/Listbox/Listbox2.tsx
index 78f9a4bbd06..2049efdf007 100644
--- a/packages/ui/src/components/Listbox/Listbox2.tsx
+++ b/packages/ui/src/components/Listbox/Listbox2.tsx
@@ -151,7 +151,7 @@ function Listbox({
       /*
        * if no selected value (including a `defaultvalue`), then use first child
        */
-      setSelectedNode(content[0].props)
+      setSelectedNode(content[0]?.props)
       return
     }
   }, [selected])
diff --git a/studio/pages/project/[ref]/auth/policies.tsx b/studio/pages/project/[ref]/auth/policies.tsx
index 3d4b440d580..3e0e79b4ebc 100644
--- a/studio/pages/project/[ref]/auth/policies.tsx
+++ b/studio/pages/project/[ref]/auth/policies.tsx
@@ -78,6 +78,7 @@ const AuthPoliciesPage: NextPageWithLayout = () => {
   return (
     <div className="flex flex-col h-full">
       <div className="mb-4">
+        <Listbox size="small" label="test"></Listbox>
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-4">
             <div className="w-[230px]">