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

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(

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';

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';

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';

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';

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';

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';

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';

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';