style: reformat all files properly

- remove .json from .eslintignore
- add type intellisense to .prettierrc.js
- install missing @jest/types which is used in jest.config.js
- split up typecheck and lint into two separate commands
- remove --require-pragma flag from reformat-files which leads to unformatted files
- install suggested @types/prop-types and @types/react-loader dependencies
- add @ts-expect-error to Loader usages
- reformat all scss files automatically with reformat-files command

5 files changed, 5 insertions, 0 deletions

diff --git a/src/components/ui/InfoBar.tsx b/src/components/ui/InfoBar.tsx
index bdc12510d..b7bfe0fa6 100644
--- a/src/components/ui/InfoBar.tsx
+++ b/src/components/ui/InfoBar.tsx
@@ -72,6 +72,7 @@ class InfoBar extends Component<IProps> {
                 lines={10}
                 scale={0.3}
                 color="#FFF"
+                // @ts-expect-error Property 'component' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>
                 component="span"
               />
               {ctaLabel}
diff --git a/src/components/ui/Infobox.tsx b/src/components/ui/Infobox.tsx
index 9782db151..a794a5e9b 100644
--- a/src/components/ui/Infobox.tsx
+++ b/src/components/ui/Infobox.tsx
@@ -85,6 +85,7 @@ class Infobox extends Component<IProps, IState> {
               lines={10}
               scale={0.3}
               color="#FFF"
+              // @ts-expect-error Property 'component' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>
               component="span"
             />
             {ctaLabel}
diff --git a/src/components/ui/Loader.tsx b/src/components/ui/Loader.tsx
index 37555df16..d4457ae5f 100644
--- a/src/components/ui/Loader.tsx
+++ b/src/components/ui/Loader.tsx
@@ -28,6 +28,7 @@ class LoaderComponent extends Component<IProps> {
       color === 'ACCENT' ? this.props.stores!.settings.app.accentColor : color;
 
     return (
+      // @ts-expect-error Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>'
       <Loader
         loaded={loaded}
         width={4}
diff --git a/src/components/ui/button/index.tsx b/src/components/ui/button/index.tsx
index 9444efde2..1b648b1d5 100644
--- a/src/components/ui/button/index.tsx
+++ b/src/components/ui/button/index.tsx
@@ -206,6 +206,7 @@ class ButtonComponent extends Component<IProps, IState> {
               width={4}
               scale={0.45}
               // color={theme.buttonLoaderColor[buttonType!]}
+              // @ts-expect-error Property 'parentClassName' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>
               parentClassName={classes.loader}
             />
           )}
diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index 45f81ff3b..361fc477b 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -34,6 +34,7 @@ class LoaderComponent extends Component<IProps> {
           width={4}
           scale={0.75}
           color={color || classes.color}
+          // @ts-expect-error Property 'parentClassName' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps></LoaderProps>
           parentClassName={classes.loader}
         />
       </div>