diff --git a/package-build.json b/package-build.json
index 10e7325b49..1a8b4fc3c0 100644
--- a/package-build.json
+++ b/package-build.json
@@ -3,7 +3,7 @@
     "version": "8.0.0-rc.1",
     "private": false,
     "author": "PrimeTek Informatics",
-    "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 280+ ready to use UI blocks to build spectacular applications in no time.",
+    "description": "PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 280+ ready to use UI blocks to build spectacular applications in no time.",
     "homepage": "https://www.primefaces.org/primereact",
     "repository": {
         "type": "git",
diff --git a/pages/landing/designersection.js b/pages/landing/designersection.js
index 99c37eba72..36da77d84b 100644
--- a/pages/landing/designersection.js
+++ b/pages/landing/designersection.js
@@ -142,7 +142,7 @@ const DesignerSection = (props) => {
                                     <span className="p-inputgroup-addon">
                                         <i className="pi pi-calendar"></i>
                                     </span>
-                                    <InputMask inputId="date" placeholder="mm/dd/yyyy" mask="99/99/9999" slotChar="mm/dd/yyyy" />
+                                    <InputMask id="date" placeholder="mm/dd/yyyy" mask="99/99/9999" slotChar="mm/dd/yyyy" />
                                 </div>
                             </div>
                             <div className="field col-12 xl:col-6">
diff --git a/pages/landing/featuressection.js b/pages/landing/featuressection.js
index 47dd42997e..7403307ed6 100644
--- a/pages/landing/featuressection.js
+++ b/pages/landing/featuressection.js
@@ -11,8 +11,8 @@ const FeaturesSection = (props) => {
                 <div className="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
                     <div className="box p-4 w-full">
                         <img src={`${contextPath}/images/landing-new/features/icon-components.svg`} alt="components icon" className="block mb-3"/>
-                        <div className="font-semibold mb-3 text-lg">90+ UI Components</div>
-                        <p className="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive React Components.</p>
+                        <div className="font-semibold mb-3 text-lg">80+ UI Components</div>
+                        <p className="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 80+ impressive React Components.</p>
                     </div>
                 </div>
                 <div className="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
@@ -33,7 +33,7 @@ const FeaturesSection = (props) => {
                     <div className="box p-4 w-full">
                         <img src={`${contextPath}/images/landing-new/features/icon-accessibility.svg`} alt="components icon" className="block mb-3"/>
                         <div className="font-semibold mb-3 text-lg">Accessibility</div>
-                        <p className="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 90+ impressive React Components.</p>
+                        <p className="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 80+ impressive React Components.</p>
                     </div>
                 </div>
                 <div className="col-12 md:col-6 xl:col-3 flex justify-content-center p-3">
diff --git a/pages/setup/index.js b/pages/setup/index.js
index 621bcc033d..185173d43d 100644
--- a/pages/setup/index.js
+++ b/pages/setup/index.js
@@ -204,8 +204,8 @@ primereact/resources/themes/rhea/theme.css
 <CodeHighlight lang="js">
 {`
 dependencies: {
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
 }
 `}
 </CodeHighlight>
@@ -281,11 +281,11 @@ PrimeReact.inputStyle = 'filled';
 import PrimeReact from 'primereact/api';
 
 PrimeReact.zIndex = {
-modal: 1100,    // dialog, sidebar
-overlay: 1000,  // dropdown, overlaypanel
-menu: 1000,     // overlay menus
-tooltip: 1100   // tooltip
-toast: 1200     // toast
+    modal: 1100,    // dialog, sidebar
+    overlay: 1000,  // dropdown, overlaypanel
+    menu: 1000,     // overlay menus
+    tooltip: 1100   // tooltip
+    toast: 1200     // toast
 }
 `}
 </CodeHighlight>
diff --git a/pages/treetable/contextmenu.js b/pages/treetable/contextmenu.js
index 69a2fc91f0..42edd0d8ea 100644
--- a/pages/treetable/contextmenu.js
+++ b/pages/treetable/contextmenu.js
@@ -66,15 +66,13 @@ const TreeTableContextMenuDemo = () => {
                 <ContextMenu model={menu} ref={cm} onHide={() => setSelectedNodeKey(null)} />
 
                 <div className="card">
-                    <div className="card">
-                        <TreeTable value={nodes} expandedKeys={expandedKeys} onToggle={e => setExpandedKeys(e.value)}
-                            contextMenuSelectionKey={selectedNodeKey} onContextMenuSelectionChange={event => setSelectedNodeKey(event.value)}
-                            onContextMenu={event => cm.current.show(event.originalEvent)}>
-                            <Column field="name" header="Name" expander></Column>
-                            <Column field="size" header="Size"></Column>
-                            <Column field="type" header="Type"></Column>
-                        </TreeTable>
-                    </div>
+                    <TreeTable value={nodes} expandedKeys={expandedKeys} onToggle={e => setExpandedKeys(e.value)}
+                        contextMenuSelectionKey={selectedNodeKey} onContextMenuSelectionChange={event => setSelectedNodeKey(event.value)}
+                        onContextMenu={event => cm.current.show(event.originalEvent)}>
+                        <Column field="name" header="Name" expander></Column>
+                        <Column field="size" header="Size"></Column>
+                        <Column field="type" header="Type"></Column>
+                    </TreeTable>
                 </div>
             </div>