search

Yuvaleros / material-ui-dropzone

A Material-UI file upload dropzone
MIT License
483 stars 248 forks source link

File selection changes MUI styles of unrelated components #346

Open vymao opened 2 years ago

vymao commented 2 years ago

Bug Report

Describe the bug

When I submit a file for upload, it changes the MUI components of unrelated components (see screenshot of Header before and after)

Steps to reproduce

Code: 

import * as React from 'react';

import Header from "CommonElements/Navigation/Creative/Header";
import Dropzone from "CommonElements/Navigation/Creative/Upload-Dropzone";
import { DropzoneArea } from 'material-ui-dropzone';

function About() {
  return (
    <div className="home">
      <Header />
      <DropzoneArea
  onChange={(files) => console.log('Files:', files)}
/>
    </div>
  );
}

export default About;

 Screenshots

Before: image After: image

Versions

Additional context

AnnoDomine commented 2 years ago

Got the same problem. If you use MUI Version 5 use the updated repo https://github.com/Deckstar/mui-file-dropzone After changed to this the bug get fixed. Dont 4get to change youre import!