React: Render boolean props set to false in source snippets

[valentinpalkovic]

Closes #27127

What I did

Patched react-element-to-jsx-string (the @7rulnik fork we consume) with algolia/react-element-to-jsx-string#733.

That PR removes the branch in formatProp that silently omitted boolean props explicitly set to false when useBooleanShorthandSyntax is enabled (the default). As a result, React auto-generated source snippets dropped false props entirely — e.g. <Component disabled={false} /> rendered as <Component />.

After this patch:

• A prop set to false renders as disabled={false}.
• A prop set to true keeps the shorthand syntax (disabled), as before.

This is one of the long-standing source-snippet bugs tracked in #33628.

Implementation notes

• The fork ships pre-bundled (dist/esm/index.js + dist/cjs/index.js) with no separate src/formatProp.js, so the Yarn patch applies the equivalent change to both bundles.
• Wired via the dependency locator in code/renderers/react/package.json (mirroring the existing react-aria-components patch), since yarn patch-commit doesn't auto-rewire npm-aliased dependencies.

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• stories
• unit tests
• integration tests
• end-to-end tests

Added a regression test in jsxDecorator.test.tsx (should render boolean props set to false) that locks the new output. The full @storybook/react renderer suite (617 passed / 8 skipped) was re-run to confirm no existing source snapshot relied on the old false-omission behavior.

Manual testing

1. Run a sandbox: yarn task --task sandbox --start-from auto --template react-vite/default-ts
2. Open Storybook in your browser.
3. Add (or open) a story for a component that receives a boolean prop set to false, e.g. args: { disabled: false }.
4. Open the Docs tab / Show code for that story.
5. Confirm the generated snippet now shows disabled={false} instead of omitting the prop. A prop set to true should still render as the shorthand disabled.

Note

This intentionally changes source-snippet output for any React story that passes an explicit false boolean prop, so docs/Chromatic snapshots for those stories will shift — that's the desired fix, not a regression.

Documentation

• Add or update documentation reflecting your changes
• If you are deprecating/removing a feature, make sure to update MIGRATION.MD

No documentation changes needed — this restores expected behavior for an existing feature.

🤖 Generated with Claude Code

Summary by CodeRabbit

• Tests

  • Added regression test for boolean prop rendering in JSX decorator to ensure props explicitly set to false render correctly.

• Chores

  • Updated dependency specification format.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: ed4f1948-0e66-4c34-9a21-fdf9c746eeb7

📥 Commits

Reviewing files that changed from the base of the PR and between 011d773 and 1295f93.

⛔ Files ignored due to path filters (2)

• .yarn/patches/@7rulnik-react-element-to-jsx-string-npm-15.0.1-e53b67c4b3.patch is excluded by !**/.yarn/**
• yarn.lock is excluded by !**/yarn.lock, !**/*.lock

📒 Files selected for processing (2)

• code/renderers/react/package.json
• code/renderers/react/src/docs/jsxDecorator.test.tsx

---

📝 Walkthrough

Walkthrough

This PR patches the react-element-to-jsx-string dependency to fix boolean prop rendering in the React JSX decorator and validates the fix with a regression test confirming that false-valued boolean props render explicitly while true-valued props retain shorthand notation.

Changes

React JSX Boolean Props Handling

Layer / File(s)	Summary
Patch react-element-to-jsx-string dependency code/renderers/react/package.json	Updated devDependency from npm workspace spec to Yarn patch reference, applying a local patch to @7rulnik/react-element-to-jsx-string@15.0.1 to fix boolean prop rendering behavior.
Regression test for boolean prop rendering code/renderers/react/src/docs/jsxDecorator.test.tsx	Added test case verifying renderJsx renders false-valued boolean props explicitly (hidden={false}) while keeping true-valued props in shorthand form (draggable).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Sidnioulz]

Confirmed fixed.