diff --git a/packages/effects/layouts/src/widgets/timezone/timezone-button.vue b/packages/effects/layouts/src/widgets/timezone/timezone-button.vue
index 5d691f35d..f426b94cd 100644
--- a/packages/effects/layouts/src/widgets/timezone/timezone-button.vue
+++ b/packages/effects/layouts/src/widgets/timezone/timezone-button.vue
@@ -16,7 +16,7 @@ const TimezoneIcon = createIconifyIcon('fluent-mdl2:world-clock');
 
 const timezoneStore = useTimezoneStore();
 
-const timezoneRef = ref<null | string>(null);
+const timezoneRef = ref<string | undefined>();
 
 const timezoneOptionsRef = ref<
   {