fix passing error prop to styled component

Author: KarimMokhtar

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-drag-drop-files",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Light React Drag & Drop files and images library styled by styled-components",
   "author": "Karim <[email protected]>",
   "license": "MIT",

src/FileUploader.tsx

@@ -263,7 +263,7 @@ const FileUploader: React.FC<Props> = (props: Props): JSX.Element => {
       {!children && (
         <>
           <ImageAdd />
-          <DescriptionWrapper error={error}>
+          <DescriptionWrapper $error={error}>
             {drawDescription(
               currFiles,
               uploaded,

src/style.ts

@@ -68,13 +68,13 @@ export const HoverMsg = styled.div`
  *
  * @internal
  */
-export const DescriptionWrapper = styled.div<{ error: boolean }>`
+export const DescriptionWrapper = styled.div<{ $error: boolean }>`
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
   & > span {
     font-size: 12px;
-    color: ${(props) => (props.error ? 'red' : darkGray)};
+    color: ${(props) => (props.$error ? 'red' : darkGray)};
   }
   .file-types {
     overflow: hidden;