From 8571b544e6f7744524c0e38ed96849bf5b67a9d5 Mon Sep 17 00:00:00 2001
From: Chris Wanstrath <chris@ozmm.org>
Date: Wed, 11 Mar 2026 19:16:26 -0700
Subject: [PATCH] Move parts creation outside component function

---
 src/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index ac06e5f..5ee7d81 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -297,14 +297,14 @@ export function define(nameOrDef: string | TagDef, defIfNamed?: TagDef) {
 
   const currentProps: Record<string, any> = {}
   const Root = makeComponent(name, def, currentProps)
+  const parts: Record<string, Function> = { Root }
+
+  for (const [part] of Object.entries(def.parts ?? {}))
+    parts[part] = makeComponent(name, def, currentProps, part)
 
   const component = (props: Record<string, any>) => {
     for (const key in currentProps) delete currentProps[key]
     Object.assign(currentProps, props)
-    const parts: Record<string, Function> = { Root }
-
-    for (const [part] of Object.entries(def.parts ?? {}))
-      parts[part] = makeComponent(name, def, props, part)
 
     return def.render?.({ props, parts }) ?? <Root {...props}>{props.children}</Root>
   }