Why is atomize not working with Gatsby JS?

[ColinTS]

I'm trying to use Atomize (https://atomizecode.com/) with Gatsby JS (https://www.gatsbyjs.org/) and while it is successfully installed, the atomize components are not being rendered to the page.

I am trying to import a button to start "Hey", and while it renders something it is not the standard button component. Also, even though the button component is imported, I get the warning that reads it is not being used.

I am wrapping atomize around gatsby app by the following way:

  import React from "react"
   import { StyleReset } from "atomize"
   
   export const wrapRootElement = ({ element }) => (
     <>
       <StyleReset />
       {element}
     </>
   )