How to use the react-jss function in react-jss

hasWarning: PropTypes.bool,
  helpText: PropTypes.node,
  leftAddon: PropTypes.node,
  rightAddon: PropTypes.node,
  /** Only used when type === textarea */
  lineCount: PropTypes.number, // eslint-disable-line
};

InputDefault.defaultProps = {
  type: 'text',
  variant: 'primary',
  lineCount: 3,
};

export { InputDefault as Component, styles };
export default injectSheet(styles, { injectTheme: true })(InputDefault);

);

NumeralDemo.defaultProps = {
  iconColor: 'primary-500',
  number: '123123',
};

NumeralDemo.propTypes = {
  number: PropTypes.number.isRequired,
  iconName: PropTypes.string.isRequired,
  text: PropTypes.string,
};

export default injectSheet(styles)(NumeralDemo);

>
        <a href="{link.href}">
          {link.text}
        </a>
      
    ))}
  
);

export default injectSheet(styles)(DesktopNav);

class GeneralInformation extends React.Component {

    render() {
        const { classes, t } = this.props;
        return (
            <div>
                <p>{t('general-information_welcome')}</p>
                <p>
            </p></div>
        );
    }

}

export default translate()(injectSheet(styles)(GeneralInformation));

<ul>
          {this.renderPackages()}
        </ul>
      
    );
  }
}

const mapActions = dispatch =&gt; bindActionCreators(actions, dispatch);
const mapState = store =&gt; ({
  role: store.roles.selectedRole,
  packages: store.packages.packages,
});

export default connect(mapState, mapActions)(
  injectSheet(styles)(PackagesSelectionScene),
);

render() {
        const { classes } = this.props;
        return (
            <div>
                <div>
                    
                    Loading ...
                </div>
            </div>
        );
    }

}

export default injectSheet(styles)(Loading);

Switches.propTypes = {
  name: PropTypes.string.isRequired,
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
  required: PropTypes.bool,
  setValue: PropTypes.func.isRequired,
  options: PropTypes.arrayOf(PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.shape({
      label: PropTypes.node,
      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
    }),
  ])),
}

export default withFormControl(withStyles(switchTheme)(Switches))

<div>
              <div>
                <span>Built with ♥ in Jakarta &amp; Cilacap</span>
                <a rel="noopener noreferrer" href="http://rizalibnu.com">
                  rizalibnu.com
                </a>
              </div>
            </div>
          
        
      
    );
  }
}

export default injectSheet(styles)(App);

<section>
        
          }
            eventPage="ProductWallet"
            eventSource="HowToWallet"
          /&gt;
        
      </section>
    
  
);

const App = injectSheet(styles)(PageLayout);
export default App;