TS doesn't see props after «styled()» of «withTheme(styled.button`...`)»
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Anfängerfreundlichkeit
- 42/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginne mit der reproduzierbaren CodeSandbox und vergleiche die Fälle, in denen Button direkt verwendet wird oder withTheme entfernt wurde. Verfolge, wie TypeScript Props durch styled() und withTheme() inferiert; abgeschlossen ist die Aufgabe, wenn OptionButton die demonstrierten Props ohne Fehler akzeptiert und dabei die bestehende thematisierte Komposition beibehält.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Linking with https://github.com/callstack/linaria/issues/893
Environment
- macOS Monterrey
- yarn 3 (PnP)
- TS 4.5.2
- "@linaria/core": "^3.0.0-beta.15",
- "@linaria/react": "^3.0.0-beta.15",
- "@linaria/babel-preset": "^3.0.0-beta.15",
- "@linaria/shaker": "^3.0.0-beta.15",
- "@linaria/webpack-loader": "^3.0.0-beta.16",
- "@callstack/react-theme-provider": "^3.0.7",
- bundler - storybook@6
- node 14.17.6
Description
export const Select = () => (
<OptionButton type="button" data-qa-id="listItem-btn" />
);
const Button = withTheme(styled.button<Theme>`
width: 100%;
`);
export const OptionButton = styled(Button)`
width: 50%;
`;
If I add Button directly - no error
If I remove withTheme - no error too
Reproducible Demo
- Vorherrschende Sprache
- JavaScript
- Sterne
- 465
- Forks
- 53
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus callstack/react-theme-provider
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 68/100
-
question
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 10/100
callstack/react-theme-provider#156 · 1 Kommentar ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 35/100
callstack/react-theme-provider#144 · 3 Kommentare · 4 Reaktionen ·
-
deepmerge is bundled as UMDEvtl. vergeben @agriffis hat das vor 1300 Tagen übernommen. Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
callstack/react-theme-provider#139 · 1 Kommentar · 12 Reaktionen ·
Alle Issues in callstack/react-theme-provider
Ähnliche Issues
-
Fixed-position outer <svg> lands outside a clip after scroll; fixed HTML boxes are re-anchoredOffen🔧 in development
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
-
enhancement good first issue help wanted
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
-
p5.js 2.0+
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 62/100
processing/p5.js#9295 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 3 Tagen
-
status: needs triage
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
mastra-ai/mastra#27210 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
content html
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100