Silence console warnings 🔇🙉

[prime-time]

Overview:
These console warnings have been driving me crazy for a while.

Screenshots/GIFs:
Before 😨 📣

After 😌 🔇

Testing:

• Unit tests
• Manual tests:
  • Chrome
  • Safari
  • IE11

Roll Out:

• Before merging:
  • Updated docs
  • Bumped version in package.json
    • Breaking change?
      • If it is a beta component run npm version minor
      • If the component is not in beta run npm version major
    • New component or backward-compatible component feature change? Run npm version minor
    • Only changing documentation? All good. Skip this step.
  • After creating a new component, make sure to add it to the Components List in ComponentsView.jsx. To do so:
    • Add an entry in ComponentsView.componentsToDisplay using this template:

      {
        componentLink: "<COMPONENT LINK>",
        componentImg: "<COMPONENT LINK>.png",
        componentName: "<COMPONENT NAME>",
        componentImgAlt: "A <COMPONENT NAME> component",
      },
      

    • Add a screenshot of the component in docs/assets/img with the format <COMPONENT LINK>.png
• After merging:
  • Deployed updated docs (make deploy-docs)
  • Posted in #eng if I made a breaking change to a beta component