fix: use useEffect

Neovici · May 18, 2022 · e19407d · e19407d
1 parent b614dd8
commit e19407d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/next/cosmoz-tab.js b/src/next/cosmoz-tab.js
@@ -1,4 +1,4 @@
-import { component, useLayoutEffect } from 'haunted';
+import { component, useEffect, useLayoutEffect } from 'haunted';
 import { html, nothing } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import computeScroll from 'compute-scroll-into-view';
@@ -8,7 +8,7 @@ import style from './cosmoz-tab.css';
 const Tab = (host) => {
 	const { active, badge, href } = host;
 
-	useLayoutEffect(() => {
+	useEffect(() => {
 		if (!host.getAttribute('tabindex')) {
 			host.setAttribute('tabindex', '-1');
 		}

diff --git a/src/next/cosmoz-tabs.js b/src/next/cosmoz-tabs.js
@@ -1,8 +1,8 @@
-import { html, component, useLayoutEffect } from 'haunted';
+import { html, component, useEffect } from 'haunted';
 import style from './cosmoz-tabs.css';
 
 const Tabs = (host) => {
-	useLayoutEffect(() => {
+	useEffect(() => {
 		host.setAttribute('role', 'tablist');
 	}, []);