#Jest Warning: Invalid value for prop `className`

3 messages · Page 1 of 1 (latest)

ashen sigil
#

I cloned the vite-template-master from the mantine guides, upon creating a test, the appropriate tests passes but I keep getting an error.

I removed all <a tags from all the files, but the issue still arises.

mild lotus
ashen sigil
#

Could identify the root cause, if I comment the className out it seems to pass without any errors, but I am wondering why className is not allowed

.link {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: var(--mantine-spacing-md);
  padding-right: var(--mantine-spacing-md);
  text-decoration: none;
  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
  font-weight: 500;
  font-size: var(--mantine-font-size-sm);

  @media (max-width: $mantine-breakpoint-sm) {
    height: rem(42px);
    width: 100%;
  }

  @mixin hover {
    color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-1));
  }
}