From 6f63777f5d3e164702ef8f0972c2bbfc30de188f Mon Sep 17 00:00:00 2001
From: rrewll <oybaryshnikov@yandex.ru>
Date: Tue, 2 Apr 2024 15:19:21 +0300
Subject: [PATCH] fix: make autoFocus correct for text components

This fix includes useStableEventHandler rewriting
to exclude unexpected errors
---
 src/helpers/useStableEventHendler.ts            | 8 ++------
 src/stories/dialog/00_Base_controls.stories.tsx | 2 +-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/helpers/useStableEventHendler.ts b/src/helpers/useStableEventHendler.ts
index 9d94f14..295b099 100644
--- a/src/helpers/useStableEventHendler.ts
+++ b/src/helpers/useStableEventHendler.ts
@@ -1,18 +1,14 @@
 import React from 'react';
 
-function error() {
-    throw new Error('Cannot call an event handler while rendering or after unmount.');
-}
-
 export function useStableEventHandler<TFunc extends (...args: unknown[]) => void>(
     func: TFunc | undefined,
 ) {
-    const ref = React.useRef<TFunc | undefined>(error as any);
+    const ref = React.useRef<TFunc | undefined>(undefined);
 
     React.useEffect(() => {
         ref.current = func;
         return () => {
-            ref.current = error as any;
+            ref.current = undefined;
         };
     }, [func]);
 
diff --git a/src/stories/dialog/00_Base_controls.stories.tsx b/src/stories/dialog/00_Base_controls.stories.tsx
index f71a417..6adf0ac 100644
--- a/src/stories/dialog/00_Base_controls.stories.tsx
+++ b/src/stories/dialog/00_Base_controls.stories.tsx
@@ -119,7 +119,7 @@ function DialogDemo({
                         </div>
                     ),
                 }),
-                makeField('text'),
+                makeField('text', {autoFocus: true}),
                 makeField('multi-text'),
                 makeField('checkbox', {children: 'checkbox'}),
                 makeField('tumbler', {labelLeft: 'Left label', labelRight: 'Right label'}),