mobileNativeWebcam does not work with React Dasboard

[mshunjan]

Initial checklist

• [X] I understand this is a bug report and questions should be posted in the Community Forum
• [X] I searched issues and couldn’t find anything (or linked relevant results below)

Link to runnable example

https://codesandbox.io/s/native-camera-uppy-7okmrk

Steps to reproduce

I've provided a minimal example above of the following steps:

1. Create a react app with the uppy react Dashboard component
2. Enable mobilenativecamera
3. Open the ui on your mobile device

Expected behavior

A native camera view should appear, as is shown on the uppy landing page when on a mobile device

Actual behavior

The camera defaults to the in browser view. The source code requires a target, as shown in the code snippet below, but this doesn't seem to be possible with uppy's react components, at least according to the docs. https://github.com/transloadit/uppy/blob/7c9e1664012e417bac131e6708adf98baaffbb9c/packages/%40uppy/webcam/src/Webcam.jsx#L598-L610

[leomelzer]

Just stumbled over this issue, too. One way to make it work would be to simply set the prop on the dashboard itself:

const Foo = () => {
  const isMobileDevice = isMobile({tablet: true});

  return (
    <Dashboard
      showNativePhotoCameraButton={isMobileDevice}
      showNativeVideoCameraButton={isMobileDevice}
      // ...
    />
  );
}