Deprecated import: 'FormattedRelative' is not exported from 'react-intl'.

[dhebert-dev]

Please fill out the following template so we can reproduce and fix your issue as quickly as possible!

Note: if your issue includes a potential security vulnerability, please do not file it here. Instead, email the issue to [email protected] for support.

Note: if your issue involves previewing files, please report the issue here.

Environment:

• Elements version: Latest

Desktop (please complete the following information):

• OS: Windows 10
• Browser Chrome
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Steps to reproduce the problem:

1. Npm install box-ui-elements
2. Implement any Box element into your app
3. Npm start or npm run-script build
4. Observe FormattedRelative import error

What is the expected behavior? (Screenshots can be helpful here) FormattedRelative error should not occur.

What went wrong? (Screenshots, console logs, or HAR files can be helpful here) ReadableTime.js located in box-ui-elements is using a deprecated import called FormattedRelative. FormattedRelativeTime is the new spec-compliant component. The import should be changed to FormattedRelativeTime. This issue is preventing our builds from compiling successfully.

Link to application or sample code:

If relevant, link to file (or attach file here)

Expected behavior Error should not occur and the spec-compliant component should be used.

Screenshots If applicable, add screenshots to help explain your problem.

Additional context I have verified with react-intl that FormattedRelativeTime is the spec compliant component.