UnderlineNav: Display loading counters only for items with the "counter" prop

.changeset/erken-gelen-oturur.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+UnderlineNav: Display loading counters only for items with the "counter" prop.

packages/react/src/internal/components/UnderlineTabbedInterface.tsx

@@ -220,17 +220,17 @@ export const UnderlineItem = forwardRef(
             {children}
           </span>
         )}
-        {loadingCounters ? (
-          <span data-component="counter">
-            <LoadingCounter />
-          </span>
-        ) : (
-          counter !== undefined && (
+        {counter !== undefined ? (
+          loadingCounters ? (
+            <span data-component="counter">
+              <LoadingCounter />
+            </span>
+          ) : (
             <span data-component="counter">
               <CounterLabel>{counter}</CounterLabel>
             </span>
           )
-        )}
+        ) : null}
       </StyledUnderlineItem>
     )
   },