Use in typescript will report type error.

[xpol]

Environment

• Linaria version: 2.0.2
• Bundler (+ version): ?
• Node.js version: v14.15.4
• OS: Mac 11.1 (20C69)
• Typescript: 3.7.0

Description

TS2345: Argument of type '(props: any) => any' is not assignable to parameter of type 'StaticPlaceholder'.   Property '__linaria' is missing in type '(props: any) => any' but required in type 'StyledMeta'.

Reproducible Demo

index.tsx:

import React from 'react'
import {View} from '@tarojs/components'
import {styled} from 'linaria/react'

type Props = {
  color: string
};

const Title = styled(View)<Props>`
  color: ${ ( props ) => props.color }
`;

const Index: React.FC = (): JSX.Element => {
  return <Title color='red'>
    Hello World!
  </Title>
}

export default Index

[xpol]

I have to use @ts-ignore.

const Title = styled(View)<Props>`
  color: ${
    // @ts-ignore
    ( props ) => props.color
  }
`;

[Adherentman]

same error

[Anber]

It's not an issue, it's a legitimate type check error: if you use props-based values, Linaria converts them to css-variables and adds those variables to the style attribute, so this error means that your View component doesn't have style prop and prop-based values can be missed. A bit unclear, but it's the best what TS can offer right now.

[gthrm]

Today I got the same error and see that it's closed without some solution. What should I do? ☹️
linaria 3.0.0-beta.13
typescript 4.4.4

// @ts-ignore doesn't work

[wcldyx]

Brothers, I also encountered this problem, how to solve

[Anber]

Guys, I'm so sorry. There was an error that makes impossible to wrap a class component.

[rquanx]

@Anber
get type StyledComponent<React.ComponentType<ViewProps>> after update new version, expect StyledComponent<ViewProps>

[Anber]

Hi @rquanx

Looks like #887 is going to fix that issue

[rquanx]

well， Can tell me when it will be released

[yepyeel]

I want to know how to resolve it right now.