# test-component-with-component-class-type

Latest version **1.0.2** (published 2018-08-24) · UNLICENSED license · 0 weekly downloads

## Install

```sh
npm install test-component-with-component-class-type
pnpm add test-component-with-component-class-type
yarn add test-component-with-component-class-type
bun add test-component-with-component-class-type
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2018-08-24 |
| First published | 2018-08-24 |
| Weekly downloads | 0 |
| License | UNLICENSED |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 25 |
| Unpacked size | 19.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | putzisan |

## Links

- npm: https://www.npmjs.com/package/test-component-with-component-class-type
- npm.io page: https://npm.io/package/test-component-with-component-class-type

## Dependencies (25)

- [ramda](https://npm.io/package/ramda.md) ^0.25.0
- [moment](https://npm.io/package/moment.md) ^2.20.1
- [emotion](https://npm.io/package/emotion.md) ^9.2.6
- [recompose](https://npm.io/package/recompose.md) ^0.28.2
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0
- [react-intl](https://npm.io/package/react-intl.md) ^2.4.0
- [@storybook/ui](https://npm.io/package/@storybook/ui.md) ^3.3.13
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.0.0-rc.1
- [@storybook/react](https://npm.io/package/@storybook/react.md) ^3.3.12
- [@types/recompose](https://npm.io/package/@types/recompose.md) ^0.26.4
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^4.2.2
- [storybook-router](https://npm.io/package/storybook-router.md) ^0.3.2
- [@material-ui/core](https://npm.io/package/@material-ui/core.md) ^1.2.3
- [@types/classnames](https://npm.io/package/@types/classnames.md) ^2.2.6
- [@types/material-ui](https://npm.io/package/@types/material-ui.md) ^0.21.5
- [@storybook/addon-info](https://npm.io/package/@storybook/addon-info.md) ^3.3.12
- [@storybook/addon-knobs](https://npm.io/package/@storybook/addon-knobs.md) ^3.3.12
- [@storybook/addon-links](https://npm.io/package/@storybook/addon-links.md) ^3.3.12
- [@storybook/addon-notes](https://npm.io/package/@storybook/addon-notes.md) ^3.3.12
- [@storybook/addon-actions](https://npm.io/package/@storybook/addon-actions.md) ^3.3.12
- [@storybook/addon-options](https://npm.io/package/@storybook/addon-options.md) ^3.3.13
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.1.2
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.0-14
- [@fortawesome/free-brands-svg-icons](https://npm.io/package/@fortawesome/free-brands-svg-icons.md) ^5.1.0-11

## Recent versions

- 1.0.2 (latest) — 2018-08-24
- 1.0.1 — 2018-08-24
- 1.0.0 — 2018-08-24

## README

withStyles Bugfix:

eigentliche Implementierung:

```typescript
export interface NewComponentProps extends ComponentProps {...}

const InnerNewComponent: React.SFC<
  NewComponentProps & WithStyles<typeof styles>
> = props => (
    <Component>
        ...
    </Component
)

export const NewComponent = withStyles(styles)(InnerNewComponent);
```

-> sorgt für Fehlermeldung

workaround:

```typescript
export interface NewComponentProps extends ComponentProps {...}

interface InnerNewComponentProps extends WithStyles<typeof styles> {}

const InnerNewComponent: React.SFC<
  NewComponentProps & InnerNewComponentProps
> = props => (
    <Component>
        ...
    </Component
)

export const NewComponent = withStyles(styles)(InnerNewComponent);
```

---
_Source: https://npm.io/package/test-component-with-component-class-type · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._