I'm not sure how to get these three packages to work together, or even where to begin. The tutorial from 2 years ago is the only thing I've found and doesn't seem relevant unless I want to import all of the FontAwesome Pro styles, beyond which there are numerous issues claiming that it doesn't work with the React Pro kit.

Can someone point me to some snippets that would demonstrate how to get this up and running? I've used React in the past, and while I prefer Vue, circumstances have forced me into using Next. I'd really like to use your components to get this project off the ground and quick, but I feel like I'm stuck at first base, especially with the added hiccup of having to do custom theming for my client, who wants to use their brand colors and a TypeKit font they pay for.

Thanks!

P.S. Since this support forum apparently requires some code, here's where I'm at:

_app.js

import "../styles/mdb5.scss";

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />;
}

export default MyApp;

mdb5.scss

@import "mdb-react-ui-kit/app/src/pro/scss/mdb.pro.scss";

$utc-theme-primary: #bf0000;
$utc-theme-secondary: #141414;

$utc-theme: mdb-light-theme($utc-theme-primary, $utc-theme-secondary);

@include mdb-theme($utc-theme);