When using inside of Next js 13, it will cause this error:
Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a precedenceprop along with anhrefprop that does not conflic with thehrefvalues used in any other hoisted <style> or <link rel="stylesheet" ...> tags. Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding aprecedence="default"andhref="some unique resource identifier", or move the <style> to the <style> tag.
When using inside of Next js 13, it will cause this error:
Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide aprecedenceprop along with anhrefprop that does not conflic with thehrefvalues used in any other hoisted <style> or <link rel="stylesheet" ...> tags. Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding aprecedence="default"andhref="some unique resource identifier", or move the <style> to the <style> tag.