diff --git a/README.md b/README.md
index bbab0fb3..b6a55461 100644
--- a/README.md
+++ b/README.md
@@ -386,6 +386,19 @@ Please contribute on this topic! [File an issue](https://github.com/sw-yx/react-
This is not yet written. Please PR or [File an issue](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new) with your suggestions!
+# Working with Non-Typescript Libraries (writing your own index.d.ts)
+
+
+Please contribute on this topic! [File an issue](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new).
+
+
+
+Explanation
+
+This is not yet written. Please PR or [File an issue](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new) with your suggestions!
+
+
+
# Troubleshooting Handbook: Types
Facing weird type errors? You aren't alone. This is the worst part of using Typescript with React. Try to avoid typing with `any` as much as possible to experience the full benefits of typescript. Instead, let's try to be familiar with some of the common strategies to solve these issues.
@@ -518,29 +531,10 @@ Adding two types together:
```tsx
export interface Props {
- /** this dictates what the button will say */
label: string;
- /** this dictates what the button will do */
- onClick: (e: any) => void; // tslint:disable-line
- /**
- * Options for the button styling
- *
- * @default {size: default, type: primary}
- *
- */
- displaytype?: {
- size?: ButtonSizes;
- type?: ButtonTypes;
- };
- /**
- * Disables onclick
- *
- * @default false
- */
- disabled?: boolean;
}
export const PrimaryButton = (
- props: Props & React.HTMLProps
+ props: Props & React.HTMLProps // adding my Props together with the @types/react button provided props
) => (