From dda7d71bbc4b909f89a335b2080d91fc06083559 Mon Sep 17 00:00:00 2001
From: Segun Adebayo <joseshegs@gmail.com>
Date: Wed, 24 Aug 2022 21:13:48 +0400
Subject: [PATCH] fix: select theme error

---
 .changeset/chatty-crabs-shop.md | 5 +++++
 packages/select/src/select.tsx  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/chatty-crabs-shop.md

diff --git a/.changeset/chatty-crabs-shop.md b/.changeset/chatty-crabs-shop.md
new file mode 100644
index 00000000000..7963a9c9c80
--- /dev/null
+++ b/.changeset/chatty-crabs-shop.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/select": patch
+---
+
+Fix issue where select theme throws when "field" part is not defined
diff --git a/packages/select/src/select.tsx b/packages/select/src/select.tsx
index 9db12ae258a..ca99c53ae2d 100644
--- a/packages/select/src/select.tsx
+++ b/packages/select/src/select.tsx
@@ -101,7 +101,7 @@ export const Select = forwardRef<SelectProps, "select">((props, ref) => {
     ...styles.field,
     _focus: {
       zIndex: "unset",
-      ...(styles as any).field["_focus"],
+      ...(styles as any).field?.["_focus"],
     },
   }