@@ -698,7 +698,8 @@ markdown!
698698
699699### Using rehype - raw with TypeScript
700700
701- If you encounter TypeScript errors when using ` rehype-raw ` , you may need to use a type assertion:
701+ If you encounter TypeScript errors when using ` rehype-raw ` , you may need to
702+ use a type assertion:
702703
703704` ` ` tsx
704705import React from 'react'
@@ -718,7 +719,10 @@ function App() {
718719
719720### Security considerations with rehype-raw
720721
721- ⚠️ **Warning**: Using ` rehype-raw ` allows arbitrary HTML in markdown which can be a security risk . Always use it with [` rehype-sanitize ` ][github - rehype - sanitize ] when processing untrusted content :
722+ ⚠️ **Warning**: Using ` rehype-raw ` allows arbitrary HTML in markdown which can
723+ be a security risk .
724+ Always use it with [` rehype-sanitize ` ][github - rehype - sanitize ] when processing
725+ untrusted content :
722726
723727` ` ` js
724728import React from 'react'
@@ -739,7 +743,7 @@ function App() {
739743
740744### Common mistakes
741745
742- ❌ ** Don ' t** use rehype plugins in `remarkPlugins`:
746+ ❌ ** Don ’ t ** use rehype plugins in ` remarkPlugins ` :
743747
744748` ` ` js
745749// Wrong - this will not work
@@ -753,7 +757,8 @@ function App() {
753757<Markdown rehypePlugins={[rehypeRaw]}>
754758` ` `
755759
756- This is a common mistake because both remark and rehype are part of the unified ecosystem , but they process different stages of the content:
760+ This is a common mistake because both remark and rehype are part of the
761+ unified ecosystem , but they process different stages of the content:
757762
758763* ** remark plugins ** process markdown (mdast )
759764* ** rehype plugins ** process HTML (hast )
0 commit comments