UnauthorizedErrorScreenは、セッション切れなど認証が必要な状態を伝える全画面コンポーネントです。401相当のエラーで再ログインが必要なときに使います。
// install — copy + paste into any project
mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/kufu/smarthr-design-system/HEAD/plugins/smarthr-design-system/skills/smarthr-ui-unauthorized-error-screen/SKILL.md -o .claude/skills/smarthr-ui-unauthorized-error-screen.mdDrops the SKILL.md into .claude/skills/smarthr-ui-unauthorized-error-screen.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.
セッション切れなど認証が必要な状態を伝える全画面コンポーネントです。401相当のエラーで再ログインが必要なときに使います。
ユーザーが一定時間操作しなかった場合、自動でログアウトしたことがわかるメッセージとログインボタンを表示します。ログインボタンを押せば、再ログインできるようにしてください。
import { UnauthorizedErrorScreen } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| onClickLogin | () => void | - | ✓ | - |
| isLoading | boolean | - | ✓ | - |
UnauthorizedErrorScreen に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
使い方チェックリスト（Layer 3）は設定されていません。