cssinjs/jss

Jss-plugin-template & Typescript - Can't type the style root

Open

#1,407 建立於 2020年10月11日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)JavaScript (7,000 star) (434 fork)batch import
help wantedtypescript

描述

Expected behavior: I think that I have to code the following types that the error gives in the root tag:

Describe the bug:

No overload matches this call.
  Overload 1 of 2, '(style: Styles<Theme, {}, "root">, options?: Pick<WithStylesOptions<Theme>, "flip" | "element" | "defaultTheme" | "name" | "media" | "meta" | "index" | "link" | "generateId" | "classNamePrefix">): (props?: any) => Record<...>', gave the following error.
  Type 'string' is not assignable to type 'CSSProperties | CreateCSSProperties<{}> | PropsFunc<{}, CreateCSSProperties<{}>>'

The problem is that I just don't know how to do it, never typed anything like this before in other projects. Can you explain it to me, please? You can find the code here:

Codesandbox link: https://codesandbox.io/s/github/pedroRelvas/HowToTypeTheStyleRoot (You can find the error on the file demo.tsx).

Versions (please complete the following information): -jss: "^10.4.0", -jss-plugin-template: "^10.4.0",

  • Browser [e.g. chrome, safari]: Chrome - 86.0.4240.75 (Compilação oficial) (64 bits)
  • OS [e.g. Windows, macOS]: Windows 10 Feel free to add any additional versions which you may think are relevant to the bug.

貢獻者指南

技術棧
typescriptjavascript
領域
frontenddeveloper experience
議題類型
documentation
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
TypeScript basicsCSS in JS with JSS
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
35
研究方向
This issue asks for guidance on typing the root style object when using jss plugin template with TypeScript. The error indicates a type mismatch. A contributor should examine the TypeScript definitions for jss and jss plugin template, specifically the `Styles` type and the `createUseStyles` function. The provided codesandbox (https://codesandbox.io/s/github/pedroRelvas/HowToTypeTheStyleRoot) contains a reproduction. The solution likely involves using the correct generic parameters or providing explicit type annotations. The response should include a clear code example and update the documentation if necessary.