@@ -1,9 +1,8 @@
-const { h } = require('preact')
+const { h, Fragment } = require('preact')
 
-// TODO use Fragment when upgrading to preact X
 const Breadcrumb = (props) => {
   return (
-    <span>
+    <Fragment>
       <button
         type="button"
         className="uppy-u-reset"
const { h } = require('preact')

// TODO use Fragment when upgrading to preact X
const Breadcrumb = (props) => {
  return (
    <span>
      <button
        type="button"
        className="uppy-u-reset"
        onClick={props.getFolder}
      >
        {props.title}
      </button>
      {!props.isLast ? ' / ' : ''}
    </span>
  )
}

module.exports = (props) => {
  return (
    <div className="uppy-Provider-breadcrumbs">
      <div className="uppy-Provider-breadcrumbsIcon">{props.breadcrumbsIcon}</div>
      {
        props.directories.map((directory, i) => (
          <Breadcrumb
            key={directory.id}
            getFolder={() => props.getFolder(directory.id)}
            title={i === 0 ? props.title : directory.title}
            isLast={i + 1 === props.directories.length}
          />
        ))
      }
    </div>
  )
}

I believe this can be simplified even further by just using `<>` and `</>` instead of having to import Fragment