Re-export the ReferenceObject type of popper.js with the Popper component

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Should be able to import the ReferenceObject interface from material-ui instead of popper.js.

Examples 🌈

Current way:

import { ReferenceObject } from 'popper.js'
import { Popper } from '@material-ui/core'

export default function ExamplePopperWrapper({
  anchorEl
}: {
  anchorEl: ReferenceObject
}) {
  return <Popper anchorEl={anchorEl} />
}

Proposed way:

import { Popper, PopperReferenceObject } from '@material-ui/core'

export default function ExamplePopperWrapper({
  anchorEl
}: {
  anchorEl: PopperReferenceObject
}) {
  return <Popper anchorEl={anchorEl} />
}

I don’t know where it should be exported from, but somewhere in the material-ui core package. Otherwise, the abstraction is broken.

Motivation 🔦

Typing my code properly without breaking abstraction or adding dependencies that are not directly used.

Thanks 😃

[eps1lon]

Something like

import Popper, { PopperProps } from '@material-ui/core/Popper'

export default function ExamplePopperWrapper({
  anchorEl
}: {
  anchorEl: NonNullable<PopperProps['anchorEl']>
}) {
  return <Popper anchorEl={anchorEl} />
}

[oliviertassinari]

@eps1lon’s approach sounds perfect, @DaniGuardiola let us know if you face any limitations with it.