Using theme with Next.js

I’m moving a project over from styled-components and everything has been going super smoothly so far!

I’ve just had some difficulty implementing theming. I used the convention in the useTheme example, but the props don’t even seem to be getting defined (I get a “cannot read property ‘theme’ of undefined” error).

Here’s a CodeSandbox example: https://codesandbox.io/s/runtime-browser-zeuw1

It’s probably a silly error on my part, but I can’t seem to figure it out! Any help would be appreciated.

[cristianbote]

Hey @josiahwiebe with the recent PR this got fixed. Checkout your sandbox with the updated version https://codesandbox.io/s/eager-cherry-57c9u.

Will push a new version soon.

[jlalmes]

@cristianbote - Is it possible to add types so that we can use the DefaultTheme inside createGlobalStyles. Currently receiving Parameter 'p' implicitly has an 'any' type.ts(7006).

const GlobalStyles = createGlobalStyles`
  ::selection {
    color: ${(p) => p.theme.color.white()};
    background-color: ${(p) => p.theme.color.primary(0.95)};
  }
`