Are you exporting the theme type in your styled.d.ts like so:

import { themeObject } from './my-theme';

type AppTheme = typeof themeObject;

declare module '@emotion/react' {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  export interface Theme extends AppTheme {}
}

I think it may vary dependant on which npm package you're using for creating style components? I am using emotion which has a helper method styled which I use to create my components like so:

import { css, Theme } from '@emotion/react';
import styled from '@emotion/styled';

export const StyledDiv = styled.div<{
  variant,
  theme,
}: {
  variant: DivVariants;
  theme: Theme;
}>`
  color: blue
  padding: 1rem;
  background-color: ${({ theme }) => theme.colours.primary };
  ...
`;

There have been some recent developments and with a new version of Typescript (eg. 3.0.1) and styled-components (eg. 3.4.5) there's no need for a separate helper. You can specify the interface/type of your props to styled-components directly.

interface Props {
  onPress: any;
  src: any;
  width: string;
  height: string;
}

const Icon = styled.Image<Props>`
  width: ${p => p.width};
  height: ${p => p.height};
`;

and if you want to be more precise and ignore the onPress

const Icon = styled.Image<Pick<Props, 'src' | 'width' | 'height'>>`
  width: ${p => p.width};
  height: ${p => p.height};
`;