diff --git a/labs/gb/components/button/button.ts b/labs/gb/components/button/button.ts
index 76aa01a77d..513c43558d 100644
--- a/labs/gb/components/button/button.ts
+++ b/labs/gb/components/button/button.ts
@@ -178,7 +178,7 @@ class ButtonDirective extends AsyncDirective {
   private element?: HTMLElement;
   private cleanup?: AbortController;
 
-  render(state: ButtonDirectiveState) {
+  render(state: ButtonDirectiveState = {}) {
     return classMap({
       ...(state.classes || {}),
       ...buttonClasses(state),
diff --git a/labs/gb/components/checkbox/checkbox.ts b/labs/gb/components/checkbox/checkbox.ts
index a7a5e267d6..8a88cc5d15 100644
--- a/labs/gb/components/checkbox/checkbox.ts
+++ b/labs/gb/components/checkbox/checkbox.ts
@@ -100,7 +100,7 @@ class CheckboxDirective extends AsyncDirective {
   private element?: HTMLElement;
   private cleanup?: AbortController;
 
-  render(state: CheckboxDirectiveState) {
+  render(state: CheckboxDirectiveState = {}) {
     return classMap({
       ...(state.classes || {}),
       ...checkboxClasses(state),