Why Does My Build Break with Styled Components?

FAQs
1

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:

import styled from 'styled-components';

use:

import { styled } from 'styled-components';

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