diff --git a/packages/styled-components/src/theme.ts b/packages/styled-components/src/theme.ts index fed2f1a8..6dd42890 100644 --- a/packages/styled-components/src/theme.ts +++ b/packages/styled-components/src/theme.ts @@ -1,8 +1,13 @@ import { createUseGetter } from '@xstyled/core' -import { th } from '@xstyled/system' -import { useTheme } from 'styled-components' +import { th, Theme } from '@xstyled/system' +import { useTheme as useScTheme } from 'styled-components' -export { useTheme } +/** + * Passthrough to styled-components `useTheme`, but returning the xstyled `Theme` type. + */ +export function useTheme(): Theme { + return useScTheme() +} export const useTh = createUseGetter(th, useTheme)