storybookjs/storybook

[Bug]: Storybook false props are not appearing in the show code react

Open

#30704 opened on Feb 27, 2025

View on GitHub
 (5 comments) (1 reaction) (1 assignee)TypeScript (89,909 stars) (10,058 forks)batch import
block: sourcebughelp wantedsev:S3

Description

Describe the bug

I have props that are true by default and when I set them to false I expect them to be set to false in the show code section.

Reproduction link

Reproduction steps

Image

No response

System

System:
    OS: macOS 14.2
    CPU: (8) arm64 Apple M1 Pro
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - /usr/local/bin/node
    Yarn: 1.22.22 - /usr/local/bin/yarn <----- active
    npm: 10.2.3 - /usr/local/bin/npm
  Browsers:
    Chrome: 133.0.6943.127
    Safari: 17.2
  npmPackages:
    @storybook/addon-essentials: ^8.5.3 => 8.5.4 
    @storybook/addon-interactions: ^8.5.3 => 8.5.4 
    @storybook/addon-links: ^8.5.3 => 8.5.4 
    @storybook/addon-onboarding: ^8.5.3 => 8.5.4 
    @storybook/blocks: ^8.5.3 => 8.5.4 
    @storybook/react: ^8.5.3 => 8.5.4 
    @storybook/react-vite: ^8.5.3 => 8.5.4 
    @storybook/test: ^8.5.3 => 8.5.4 
    eslint-plugin-storybook: ^0.11.2 => 0.11.2 
    storybook: ^8.5.3 => 8.5.4

Additional context

No response

Contributor guide

Tech stack
storybookreacttypescript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactStorybookTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
Investigate how Storybook renders the 'show code' snippet for React component props. Look at the code that converts component args to the displayed code string. Check if there is a specific handling for boolean props that might filter out false values. The relevant source files may be in the addon docs or core packages. Review the comments in the issue for any hints.