freenowtech / freenowtech/wave

Some components are not compatible with styled-components v6

Open
#344 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
67
Forks
31
Avg merge
1d 8h
Merged PRs (30d)
4

Description

Some components that use `react-select` can break (or fail in test environmets) when using `styled-components` latest (tested with 6.0.5).

- `@freenow/wave` version: 1.32.0 (and probably may minors before)

### What was expected to happen?

Eg.: `PhoneInput`, when user opens the Country select, makes the example app (below) crash with:

```
Cannot read properties of undefined (reading 'borderRadius')
```

### Reproduction

https://codesandbox.io/s/styled-components-6-issue-gffvqg

Contributor guide

Open the contributing guide

Research direction

Start with the PhoneInput component and reproduce the failure using the linked CodeSandbox with styled-components 6.0.5. Trace the react-select integration that reads borderRadius, then verify that opening the Country select no longer crashes in the example or test environment.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.