TypeScript issue with PropertyValue and TS v4.8.2

Bug report

Describe the bug

using PropertyValue for defining a custom util in TypeScript 4.8.2 generates the following typescript error:

TS4118: The type of this node cannot be serialized because its property '[$$PropertyValue]' cannot be serialized.

To Reproduce

I cannot reproduce this in codesandbox because I can’t change the TypeScript version (See: https://github.com/codesandbox/codesandbox-client/issues/942)

1. Create a react server with typescript 4.8.2
2. Create stitches config

const stitches = createStitches({
  utils: {
    marginHorizontal: (value: PropertyValue<'margin'>) => ({
      marginLeft: value,
      marginRight: value
    })
  }
});

export const { css, config, createTheme, getCssText, globalCss, keyframes, reset, styled, theme } =
  stitches;

1. notice the TS error

Expected behavior

I should be able to use PropertyValue on TS 4.8.2

Screenshots

System information

• OS: N/A
• Browser: N/A
• Version of Node.js: N/A
• Version of Stitches: 1.2.8
• Version of TypeScript: 4.8.2

[domcoleman]

I’m not sure how many people have this issue experience. I’m on Typescript 4.5.2 and getting the same error, and the error came out from no where.

If you’re using VS Code you can switch to the workspace version of TypeScript, by default it will use VS Code’s version.

[Andarist]

Since this has changed between 4.7 and 4.8 - is there any TS issue to track this specific regression/change on their side?