[TreeView] Add "use client" directive to every public component and…

… hook (#14579)
mui · Sep 17, 2024 · eee1c24 · eee1c24
1 parent c93f76b
commit eee1c24
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 0 deletions.
diff --git a/packages/rsc-builder/buildRsc.ts b/packages/rsc-builder/buildRsc.ts
@@ -14,6 +14,8 @@ type Project = {
   ignorePaths?: string[];
 };
 
+// The data grid packages are not using this script.
+// Instead, they are manually adding the "use client" directive in the entry point of each package.
 const PROJECTS: Project[] = [
   {
     name: 'x-date-pickers',
@@ -31,6 +33,14 @@ const PROJECTS: Project[] = [
     name: 'x-charts-pro',
     rootPath: path.join(process.cwd(), 'packages/x-charts-pro'),
   },
+  {
+    name: 'x-tree-view',
+    rootPath: path.join(process.cwd(), 'packages/x-tree-view'),
+  },
+  {
+    name: 'x-tree-view-pro',
+    rootPath: path.join(process.cwd(), 'packages/x-tree-view-pro'),
+  },
 ];
 
 async function processFile(

diff --git a/packages/x-tree-view-pro/src/RichTreeViewPro/RichTreeViewPro.tsx b/packages/x-tree-view-pro/src/RichTreeViewPro/RichTreeViewPro.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

diff --git a/packages/x-tree-view/src/RichTreeView/RichTreeView.tsx b/packages/x-tree-view/src/RichTreeView/RichTreeView.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

diff --git a/packages/x-tree-view/src/SimpleTreeView/SimpleTreeView.tsx b/packages/x-tree-view/src/SimpleTreeView/SimpleTreeView.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

diff --git a/packages/x-tree-view/src/TreeItem/TreeItem.tsx b/packages/x-tree-view/src/TreeItem/TreeItem.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

diff --git a/packages/x-tree-view/src/TreeItem/useTreeItemState.ts b/packages/x-tree-view/src/TreeItem/useTreeItemState.ts
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { MuiCancellableEvent } from '../internals/models/MuiCancellableEvent';
 import { useTreeViewContext } from '../internals/TreeViewProvider';

diff --git a/packages/x-tree-view/src/TreeItem2/TreeItem2.tsx b/packages/x-tree-view/src/TreeItem2/TreeItem2.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

diff --git a/packages/x-tree-view/src/TreeView/TreeView.tsx b/packages/x-tree-view/src/TreeView/TreeView.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

diff --git a/packages/x-tree-view/src/hooks/useTreeViewApiRef.tsx b/packages/x-tree-view/src/hooks/useTreeViewApiRef.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { TreeViewAnyPluginSignature, TreeViewPublicAPI } from '../internals/models';
 import { RichTreeViewPluginSignatures } from '../RichTreeView/RichTreeView.plugins';