Invalid DOM property `classname`. Did you mean `className`?

Inside NextjS env, the following returns an error:

      <Interweave
        allowAttributes={true}
        noWrap={true}
        content={`<div className="test">Test</div>`}
      />

Error: “Invalid DOM property classname. Did you mean className?”

EDIT: I realize now that although the rendered html includes the expected “class”, the actual css does not get applied. The goal from my end is to insert large content with multiple classNames. These classNames would be defined outside Interweave component such as with styled-jsx, styled-components, or even with plain css/sass. Is this possible?

[milesj]

@madleo-dk Is this rendering on the server? If so, the SSR situation with Interweave isn’t the best, but you should at least be doing: https://interweave.dev/docs/ssr

But yes, if you’re supplying className, then those classes “need to exist” before hand on the client side.

[zidkim]

Yes, the class “container” gets applied. No worries at all, and appreciate the help.