files state of FileUploaderDropContainer is remembered and not cleaned up!

What package(s) are you using?

• carbon-components
• carbon-components-react

Summary

I used the FileUploaderDropContainer from this component ProjectDropContainer: Sandbox: https://codesandbox.io/s/brave-voice-bdrx0

but I used it inside a Modal this time. After selecting a file, and closing the Modal then reopining it again the last selected file is still shown there! despite there is this line of code that should clean it:

const [files, setFiles] = useState([]);

Relevant information

[zbeedatm]

Thanks a lot. I used a hook for ComponentWillUnmout and cleared the files inside:

`function ProjectDropContainer(props) { const [files, setFiles] = useState([]);

// useEffect(() => {
//     console.log('mounted')
// }, []);

useEffect(() => {
    return () => {
        // console.log('will unmount');
        setFiles([])
    }
}, []);`

[asudoh]

Closing as a valid answer has been provided.