Как избежать дупликации стилей при использовании styled-components + SSR?
При использовании styled-components у меня дублируються стили, я добавляю стили на сервере таким образом:
const sheet = new ServerStyleSheet()
const body = renderToString(sheet.collectStyles(content))
const styleTags = sheet.getStyleTags()
<html>
...
<style dangerouslySetInnerHTML={{ __html: styleTags }} />
...
</html>
И в разметке у меня создаеться тег <style data-styled="active" data-styled-version="5.1.1">...</style>
со всеми стилями на странице (стили грузяться на сервере как мне и нужно), но так же у меня создаеться ряд тегов <style> теми же стилями что добавились на сервере
И в девтулзе можно увидеть что стили дублируються:
Как можно избежать дублирования стилей, или это нормальное повидение при использовании styled-components + ssr ?