Support for nested imports?

[aamirafridi]

Using the Import like this for treeshaking

import {
  DesktopDateRangePicker,
  MobileDateRangePicker,
} from "@material-ui/pickers/DateRangePicker/DateRangePicker";

No TS error but JS errored Cannot find module '@material-ui/pickers/DateRangePicker/DateRangePicker'

[aamirafridi]

I know that this works

import {
  DesktopDateRangePicker,
  MobileDateRangePicker,
} from "@material-ui/pickers";

[oliviertassinari]

@aamirafridi We don't support nested imports for the pickers repository. We might with mui/material-ui#19706. I think that the correct solution would be:

import DateRangePicker, {
  DesktopDateRangePicker,
  MobileDateRangePicker,
} from "@material-ui/pickers/DateRangePicker";

The incentive so far for supporting it is that tree-shaking doesn't work in development, which can harm the DX.

[aamirafridi]

Ok thanks :)

[oliviertassinari]

Keeping it open to signal that it's not fixed and incentive for more comments.

[oliviertassinari]

Done in https://next.material-ui.com/components/pickers/