storybookjs/storybook

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

Open

#30.704 geöffnet am 27. Feb. 2025

Auf GitHub ansehen
 (5 Kommentare) (1 Reaktion) (1 zugewiesene Person)TypeScript (89.909 Stars) (10.058 Forks)batch import
block: sourcebughelp wantedsev:S3

Beschreibung

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
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
blocked
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
ReactStorybookTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
20
Research-Richtung
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.