fix(npm-react): use named function in reatomComponent

artalar · Dec 8, 2024 · 13d4be3 · 13d4be3
1 parent e84e7f6
commit 13d4be3
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/npm-react/src/index.ts b/packages/npm-react/src/index.ts
@@ -57,6 +57,8 @@ export const withBatching = (ctx: Ctx): Ctx => {
   }
 }
 
+const anonFnName = (() => () => {})().name
+
 export const reatomContext = React.createContext<null | Ctx>(null)
 
 export const useCtx = (): Ctx => {
@@ -217,6 +219,7 @@ export const reatomComponent = <T extends object>(
   name?: string,
 ): ((props: T extends PropsWithCtx<infer P> ? P : T) => JSX.Element) => {
   if (name) name = `Component.${name}`
+  else if (Component.name !== anonFnName) name = Component.name
   else name = __count('Component')
 
   let rendering = false