Input field throws error about reading properties of null

Hello, I cant seem to get the simplest input example working.

I copied the snippet, added compiled CSS and JS from the zip file into a simple HTML file.

Expected behavior
To match the look and behavior of the example. https://mdbootstrap.com/snippets/standard/mdbootstrap/2515515#html-tab-view

Actual behavior

Input fields have no outline. console throws error about missing notch.

at ws._applyNotch (mdb.min.js:310)
at ws._getElements (mdb.min.js:310)
at mdb.min.js:310
at d (mdb.min.js:310)
at ws._activate (mdb.min.js:310)
at HTMLInputElement.<anonymous> (mdb.min.js:310)
at HTMLDocument.n (mdb.min.js:310)

Resources (screenshots, code snippets etc.)

                <form>
                    <div class="form-outline mb-4">
                        <input type="text" id="form5Example1" class="form-control">
                        <label class="form-label" for="form5Example1">Name</label>
                    </div>


                    <div class="form-outline mb-4">
                        <input type="email" id="form5Example2" class="form-control">
                        <label class="form-label" for="form5Example2">Email address</label>
                    </div>


                    <button type="submit" class="btn btn-primary btn-block mb-4">
                        Subscribe
                    </button>
                </form>