cssinjs/jss

Warning: [JSS] Function values inside function rules are not supported.

Open

Aperta il 22 mar 2021

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)JavaScript (7000 star) (434 fork)batch import
bughelp wanted

Descrizione

Expected behavior: Do not show warning, because it works well.

Describe the bug: For some reasons I wrote my code like this:

const useStyles = createUseStyles(({ colors, variables, breakpoints }) => ({
  // above line get the theme variables
  cropperRoot: {
    margin: [0, -variables.gutter],
  },
  cropContainer: ({ cropWrapSize = 250 }) => ({
    // above line get the variables from passed props to useState({ cropWrapSize })
    height: cropWrapSize + 44 + 60,
    padding: [44, 0, 60],
    overflow: 'hidden',
    background: colors.backgroundIcon,
  }),

Now I'm faced to this warning:

Warning: [JSS] Function values inside function rules are not supported.

Versions (please complete the following information):

  • jss: "^10.5.1",
  • Browser [e.g. chrome, safari]: 89.0.4
  • OS [e.g. Windows, macOS]: Big Sur 11.2.3 Feel free to add any additional versions which you may think are relevant to the bug.

Why this Warning is shown?

Guida contributor

Tech stack
javascriptcss
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
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
Basic knowledge of JSSCSS in JS concepts
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60
Direzione di ricerca
Investigate the source of the warning 'Function values inside function rules are not supported' in JSS. The warning appears when using a function rule that itself returns an object with function values (e.g., cropContainer: ({ cropWrapSize }) => ({ height: cropWrapSize + ... })). Check the JSS source code in the 'src/' directory for the warning message and the logic that triggers it. Examine if this is intended behavior or a false positive. Review any related issues or comments, such as those in the linked issue #1474, for additional context.