fix: make autoFocus correct for text components

This fix includes useStableEventHandler rewriting
to exclude unexpected errors

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]);
 

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'}),