updating client components

packages/libs/react-ui/src/components/Accordion/Accordion.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { AccordionSection, IAccordionSectionProps } from './AccordionSection';
 
 import React, { FC, useState } from 'react';

packages/libs/react-ui/src/components/Accordion/AccordionSection.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   accordionContentWrapperClass,
   accordionSectionClass,

packages/libs/react-ui/src/components/MaskedValue/MaskedValue.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   iconContainer,
   titleContainer,

packages/libs/react-ui/src/components/Modal/Modal.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   background,
   closeButton,

packages/libs/react-ui/src/components/Modal/ModalProvider.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Modal } from './Modal';
 import { openModal } from './Modal.css';
 

packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { NavGlow } from './assets/glow';
 import {
   activeLinkClass,

packages/libs/react-ui/src/components/NavHeader/useGlow.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect, useRef, useState } from 'react';
 
 interface IUseGlowReturn {

packages/libs/react-ui/src/components/Pagination/PageNav.tsx

@@ -1,6 +1,5 @@
 import { pageNavButtonClass, pageNavLabelClass } from './Pagination.css';
 
-import { Box } from '@components/Box';
 import { SystemIcon } from '@components/Icon';
 import React, { FC } from 'react';
 

packages/libs/react-ui/src/components/Pagination/Pagination.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { PageNav } from './PageNav';
 import { PageNum } from './PageNum';
 import { paginate } from './paginate';

packages/libs/react-ui/src/components/Tabs/TabsContainer.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Tab } from './Tab';
 import { TabContent } from './TabContent';
 import { selectorLine, tabsContainer, tabsContainerWrapper } from './Tabs.css';

packages/libs/react-ui/src/components/Tree/Tree.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { TreeItem } from '@components/Tree/TreeItems';
 import React, { FC, useState } from 'react';
 

packages/libs/react-ui/src/components/Tree/TreeItems.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   treeBranchWrapperVariant,
   treeTitleClass,