Jest Menu.Dropdown class is changing | Mantine | Page 1

Gday, I'm using react-test-renderer to do some snapshot tests for a component, but the Menu.Dropdown className always changes, failing the test. The change only happens in the parent of the component with the Menu component. Any ideas why this is?

    - Snapshot  - 2
    + Received  + 2

    @@ -65,16 +65,16 @@
              </a>
              <div
                className="mantine-1t9zmz8"
              >
                <button
    -             aria-controls="mantine-ubej49gst-dropdown"
    +             aria-controls="mantine-suv4syytq-dropdown"
                  aria-expanded={false}
                  aria-haspopup="menu"
                  className="mantine-UnstyledButton-root mantine-Button-root mantine-pn5dnb"
                  data-button={true}
    -             id="mantine-ubej49gst-target"
    +             id="mantine-suv4syytq-target"
                  onClick={[Function]}
                  onMouseEnter={[Function]}
                  onMouseLeave={[Function]}
                  type="button"
                >

      12 |     const tree = renderer.create(<Header />).toJSON();
      13 |
> 14 |     expect(tree).toMatchSnapshot();
         |                  ^
      15 |   });
      16 | });
      17 |```

#Jest Menu.Dropdown class is changing