diff --git a/.circleci/config.yml b/.circleci/config.yml index befcc16dabab8f..386fdfbe7ea6b2 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -224,7 +224,10 @@ jobs: name: '`yarn proptypes` changes committed?' command: git diff --exit-code - run: - name: '`yarn rsc:build` changes committed?' + name: 'Write "use client" directive' + command: yarn rsc:build + - run: + name: '`yarn rsc:build` changes detected, "use client" missing from exports' command: git diff --exit-code - run: name: Generate the documentation diff --git a/packages/mui-joy/src/Skeleton/Skeleton.tsx b/packages/mui-joy/src/Skeleton/Skeleton.tsx index df20318fe15b3c..aa5a0656e9f4b3 100644 --- a/packages/mui-joy/src/Skeleton/Skeleton.tsx +++ b/packages/mui-joy/src/Skeleton/Skeleton.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import clsx from 'clsx'; import PropTypes from 'prop-types'; diff --git a/packages/mui-joy/src/Skeleton/index.ts b/packages/mui-joy/src/Skeleton/index.ts index b472237175f850..f385837fbc00ba 100644 --- a/packages/mui-joy/src/Skeleton/index.ts +++ b/packages/mui-joy/src/Skeleton/index.ts @@ -1,3 +1,4 @@ +'use client'; export { default } from './Skeleton'; export * from './skeletonClasses'; export { default as skeletonClasses } from './skeletonClasses'; diff --git a/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.tsx b/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.tsx index 9bbdae99f1b05a..e001030db4d465 100644 --- a/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.tsx +++ b/packages/mui-joy/src/ToggleButtonGroup/ToggleButtonGroup.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import clsx from 'clsx'; import PropTypes from 'prop-types'; diff --git a/packages/mui-joy/src/ToggleButtonGroup/index.ts b/packages/mui-joy/src/ToggleButtonGroup/index.ts index d59291be53b991..7372bd7583cd0a 100644 --- a/packages/mui-joy/src/ToggleButtonGroup/index.ts +++ b/packages/mui-joy/src/ToggleButtonGroup/index.ts @@ -1,3 +1,4 @@ +'use client'; export { default } from './ToggleButtonGroup'; export * from './toggleButtonGroupClasses'; export { default as toggleButtonGroupClasses } from './toggleButtonGroupClasses';