cssinjs/jss

TS error using a function to customise defaults with the default unit plugin

Open

Aperta il 20 gen 2021

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (7000 star) (434 fork)batch import
help wantedtypescript

Descrizione

Expected behavior: Use the 'jss-plugin-default-unit' to override default units for numeric values in combination with TypeScript.

Describe the bug: The plugin itself doesn't appear to have any issues but I am receiving TypeScript related errors in my IDE when using a function to define an option for the plugin.

const options = {
    width: val => `${val / 2}px`
}
jss.use(defaultUnit(options));

Source: https://cssinjs.org/jss-plugin-default-unit/?v=v10.5.0#customizing-defaults

I'm not sure if the following is the cause but the two definitions of the Options type do not seem to match:

Codesandbox: N/A

Versions:

  • react-jss: 10.5.0
  • typescript: 4.0.3
  • OS: Linux

Guida contributor

Tech stack
typescriptjavascriptcss
Dominio
frontenddeveloper experience
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
TypeScript typesJSS plugin system
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85
Direzione di ricerca
Examine the two files: packages/jss plugin default unit/src/index.js and packages/jss plugin default unit/src/index.d.ts. The Options type in the .d.ts may need to accept a function type for default values. Check the JssStyle type and ensure consistency. No existing PRs or comments provide additional guidance.