diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.tsx
similarity index 95%
rename from src/action-bar-icon/index.js
rename to src/action-bar-icon/index.tsx
index c3bd0e83f..a36f110af 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.tsx
@@ -24,6 +24,7 @@ export default createComponent({
 
   setup(props, { slots }) {
     const route = useRoute();
+
     useParent(ACTION_BAR_KEY);
 
     const renderIcon = () => {
@@ -51,7 +52,7 @@ export default createComponent({
     };
 
     return () => (
-      <div role="button" class={bem()} tabindex="0" onClick={route}>
+      <div role="button" class={bem()} tabindex={0} onClick={route}>
         {renderIcon()}
         {slots.default ? slots.default() : props.text}
       </div>
diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
index a47778df6..99ff4d8d0 100644
--- a/src/composition/use-relation.ts
+++ b/src/composition/use-relation.ts
@@ -4,7 +4,10 @@ type Parent = { children: unknown[] };
 
 type Child<T> = T extends { children: (infer U)[] } ? U : never;
 
-export function useParent<P extends Parent>(key: string, child: Child<P>) {
+export function useParent<P extends Parent>(
+  key: string,
+  child = {} as Child<P>
+) {
   const parent = inject<P | null>(key, null);
 
   if (parent) {