apply prettier fixes

Author: berkinanik

README.md

@@ -107,7 +107,7 @@ export default function CSVReader() {
       {({ getRootProps, acceptedFile, ProgressBar, getRemoveFileProps }) => (
         <>
           <div style={styles.csvReader}>
-            <button type="button" {...getRootProps()} style={styles.browseFile}>
+            <button type='button' {...getRootProps()} style={styles.browseFile}>
               Browse file
             </button>
             <div style={styles.acceptedFile}>

docs/src/components/screens/Demo.js

@@ -322,7 +322,7 @@ export default function Demo() {
                         <>
                           <div style={buttonStyles.csvReader}>
                             <button
-                              type="button"
+                              type='button'
                               {...getRootProps()}
                               style={buttonStyles.browseFile}
                             >
@@ -913,7 +913,7 @@ export default class Demo extends Component {
                               }}
                             >
                               <button
-                                type="button"
+                                type='button'
                                 onClick={this.handleOpenDialog}
                                 style={{
                                   borderRadius: 0,

src/useCSVReader.tsx

@@ -71,7 +71,7 @@ export interface ProgressBarComponentProps {
 
 function useCSVReaderComponent<
   T = void,
-  E extends HTMLDivElement | HTMLButtonElement = HTMLDivElement
+  E extends HTMLDivElement | HTMLButtonElement = HTMLDivElement,
 >() {
   const CSVReaderComponent = ({
     children,
@@ -645,12 +645,12 @@ function useCSVReaderComponent<
 /**
  * A React hook to use the CSVReader component.
  * @returns The CSVReader component.
- * 
- * @template T - The type of the parsed CSV file data result, where each key 
+ *
+ * @template T - The type of the parsed CSV file data result, where each key
  * represents a column in the CSV file and each value represents the data type.
- * @template E - The type of the HTML element used for the input. Can be 
+ * @template E - The type of the HTML element used for the input. Can be
  * HTMLDivElement or HTMLButtonElement. Defaults to HTMLDivElement.
- * 
+ *
  * @example HTMLDivElement as the input element
  * ```tsx
  * import { useCSVReader } from 'react-papaparse';
@@ -661,12 +661,12 @@ function useCSVReaderComponent<
  * import { useCSVReader } from 'react-papaparse';
  * const { CSVReader } = useCSVReader<void, HTMLButtonElement>();
  * ```
- * 
+ *
  * @see {@link https://react-papaparse.js.org/docs#local-files Usage with Local Files}
  */
 export function useCSVReader<
   T = void,
-  E extends HTMLDivElement | HTMLButtonElement = HTMLDivElement
+  E extends HTMLDivElement | HTMLButtonElement = HTMLDivElement,
 >() {
   const CSVReader = useCSVReaderComponent<T, E>();
 

supports/create-react-app/src/App.js

@@ -122,7 +122,7 @@
 //             "Column 4": 7,
 //           },
 //         ]}
-//         type="button"
+//         type='button'
 //         filename={'filename'}
 //         config={
 //           {

test/__snapshots__/CSVReader.spec.tsx.snap

@@ -27,7 +27,7 @@ Array [
       onDrop={[Function]}
       onFocus={[Function]}
       onKeyDown={[Function]}
-      type="button"
+      type='button'
     >
       Chargez votre offre
     </button>