[react-infinite-scroll-component] Add className type and test (Defini…

…telyTyped#36382)

* fix: added missing typing
1. Added missing `className` definition

* fix: set className to go through tests

types/react-infinite-scroll-component/index.d.ts

@@ -4,6 +4,7 @@
 //                 Bartosz Dotryw <https://github.com/burtek>
 //                 David Kevork <https://github.com/davidkevork>
 //                 Joshua R. <https://github.com/JoshuaScript>
+//                 Marcelo Cardoso <https://github.com/marcelovicentegc>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -97,7 +98,12 @@ declare namespace InfiniteScroll {
         initialScrollY?: number;
 
         /**
-         * Set a scroll y position for the component to render with.
+         * Set any custom class you want
+         */
+        className?: string;
+
+        /**
+         * Set any style which you want to override.
          */
         style?: any;
 

types/react-infinite-scroll-component/react-infinite-scroll-component-tests.tsx

@@ -1,17 +1,15 @@
 import * as React from 'react';
 import * as InfiniteScroll from 'react-infinite-scroll-component';
 
-const options: JSX.Element[] = [
-    <div key='1'>1</div>,
-    <div key='2'>2</div>,
-];
+const options: JSX.Element[] = [<div key="1">1</div>, <div key="2">2</div>];
 
 const props: InfiniteScroll.InfiniteScrollProps = {
     dataLength: 4,
     hasMore: true,
     endMessage: 'The end.',
     loader: <h3>Loading...</h3>,
     next: () => null,
+    className: 'this-is-a-test',
 };
 
 <InfiniteScroll {...props}>{options}</InfiniteScroll>;