# Why Does My Build Break with Styled Components?

**URL:** <https://community.embeddable.com/t/why-does-my-build-break-with-styled-components/128>\
**Category:** FAQs\
**Created:** [June 16, 2025, 1:02pm UTC](https://community.embeddable.com/t/why-does-my-build-break-with-styled-components/128 "2025-06-16T13:02:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris-Embeddable](https://dub1.discourse-cdn.com/flex013/user_avatar/community.embeddable.com/chris-embeddable/32/24_2.png) [@Chris-Embeddable](https://community.embeddable.com/u/Chris-Embeddable)\
**Post date:** [June 16, 2025, 1:02pm UTC](https://community.embeddable.com/t/why-does-my-build-break-with-styled-components/128/1 "2025-06-16T13:02:16Z")

</div>

There’s a known TypeScript issue with Styled Components that throws errors if you import them via the default import. An easy fix is, instead of using:

```auto
import styled from 'styled-components';

```

use:

```auto
import { styled } from 'styled-components';

```

This should allow your build to proceed, and allow you to use Styled Components as you’re used to.