How to use with React?

[DannyLines]

Hey I've tried making use of this with a react app I have, and just can't get it to work. I added /* eslint-disable */ to the start of the file to stop certain errors, however this still isn't working at all and the code below is throwing errors of:

VM2146:1 Uncaught TypeError: butter.init is not a function at <anonymous>:1:8 at Helmet.js:512 at Array.forEach (<anonymous>) at updateTags (Helmet.js:511) at commitTagChanges (Helmet.js:387) at Helmet.js:354

        import React, { useEffect } from 'react';
        import {Helmet} from "react-helmet";
        
        const Portfolio = () => {
            return(
                <>
                    <Helmet>
                        <script src="/butter.js" type="text/javascript" />
                        <script>
                            butter.init();
                          </script>
                    </Helmet>
                    <div id="butter>
                        ...
                    </div>
                </>
            );
        }

Is it at all possible that you could (if able to) create a simple guide on how to use this with React? If not no worries, but would be immensely useful

[Shrit1401]

use smooth-scrollbar.js for react