styled-components theme typescript code example

Example 1: styled components props typescript

# to prevent typescript error, install this
yarn add @types/styled-components

# NPM
npm install @types/styled-components

Example 2: styled components default theme typescript

// import original module declarations
import 'styled-components';

// and extend them!
declare module 'styled-components' {
  export interface DefaultTheme {
    borderRadius: string;

    colors: {
      main: string;
      secondary: string;
    };
  }
}