From ac247334fa6e72e35e45af072dc6794b92f86563 Mon Sep 17 00:00:00 2001
From: Lucas Flaquer <lucas.flaquer@gmail.com>
Date: Fri, 13 Sep 2024 16:05:24 -0300
Subject: [PATCH] extract variable

---
 components/TabbedView/TabbedView.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/TabbedView/TabbedView.jsx b/components/TabbedView/TabbedView.jsx
index ac2fb73c..520d4ce8 100644
--- a/components/TabbedView/TabbedView.jsx
+++ b/components/TabbedView/TabbedView.jsx
@@ -198,13 +198,15 @@ function TabbedView({
       .replace(' ', '-')
       .toLowerCase();
 
+  const quantityOfItems = Children.count(children);
+
   return (
     <>
       <Navbar theme={theme} skin={skin} fluid={fluid}>
         {Children.map(children, ({ props: { title, badge, icon } }) => (
           <NavItem
             fluid={fluid}
-            quantityOfItems={Children.count(children)}
+            quantityOfItems={quantityOfItems}
             key={title}
             onClick={() => handleTabClick(title)}
             skin={skin}