Не могу получить реквизит от useStyles material-ui

Question

Я пытаюсь передать свой текущий индекс в хук useStyles для отображения моего компонента в зависимости от этого индекса следующим образом:

const useStyles = makeStyles(theme => {
  console.log(theme);
  return {
    root: {
      flexGrow: 1,
      display: theme.props.currentIndex !== 0 ? 'none' : void 0
    }
  };
});

Я увидел, что мы можем передавать реквизиты в хук useStyle, поэтому я передал свой текущее значение, чтобы использовать его в makeStyles:

const AcademicDegresPanel = props => {
  const classes = useStyles(props);
  console.log(props.currentIndex)
  return (
    <Grid container className={classes.root}>
      Degrés academique
    </Grid>
  );
};

Но когда я регистрирую свою тему, в нем не отображается ключ currentIndex in props:

palette: {common: {…}, type: "light", primary: {…}, secondary: {…}, error: {…}, …}
props:
__proto__: Object

Как использовать текущий индекс в makeStyles вместо использования встроенного стиля?

Answer 1

Используйте это так:

const useStyles = props => makeStyles(theme => ({/* ... */ })();

or 

const useStyles = props => {
// style construction
return makeStyles(style)();
};