Using scoped styles with custom react components

[nodren]

I have a whole library of custom react components, there's a className prop which forwards down to a html element.

I want to use scoped styling with these the same way I do with regular HTML elements.

I've seen #147 which appears to have been fixed in #462

However, i'm using 3.4.4 and I'm still having this issue, Here's a basic example:

<Grid className="dark">
  <style jsx>{`
	  .dark {
		  background-color: #000;
	  }
  `}</style>
  ....
</Grid>

it results in a

that has the className "dark" but doesn't include the scoped class name, any ideas?