Styled Next.js Link component throws warnings

[FezVrasta]

Warning: React does not recognize the `dataSet` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `dataset` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Warning: Unknown event handler property `onPress`. It will be ignored.

Warning: Received `true` for a non-boolean attribute `accessible`.

Warning: Unknown event handler property `onPressIn`. It will be ignored.

Warning: Unknown event handler property `onPressOut`. It will be ignored.

Warning: Unknown event handler property `onHoverIn`. It will be ignored.

Warning: Unknown event handler property `onHoverOut`. It will be ignored.

I'm trying to update an ejected Link component to use the Next.js Link underneath:

const StyledRoot = styled(
  NextLink,
  {
    _web: {
      outlineWidth: 0,
      textDecorationLine: "none",
      ":disabled": {
        cursor: "not-allowed",
      },
      ":focusVisible": {
        outlineWidth: 2,
        outlineColor: "$primary700",
        outlineStyle: "solid",
      },
    },
    _text: {
      ":hover": {
        color: "$info600",
        textDecorationLine: "none",
      },

      ":active": {
        color: "$info700",
      },

      ":disabled": {
        opacity: 0.4,
      },
    },
  },
  {
    componentName: "Link",
  } as const,
);

What am I doing wrong?