fix(deps): update dependency prism-react-renderer to v2 (#178)

* fix(deps): update dependency prism-react-renderer to v2

* fix: migration to v2

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: spaenleh <[email protected]>

Author: renovate[bot]

package.json

@@ -53,7 +53,7 @@
     "lodash.isequal": "4.5.0",
     "lodash.isobject": "3.0.2",
     "lodash.isstring": "4.0.1",
-    "prism-react-renderer": "1.3.5",
+    "prism-react-renderer": "2.3.0",
     "react": "18.2.0",
     "react-diff-viewer": "3.1.1",
     "react-dom": "18.2.0",

src/modules/codeReview/CodeReviewBody.tsx

@@ -4,8 +4,7 @@ import { Add } from '@mui/icons-material';
 import { IconButton, styled } from '@mui/material';
 
 import groupBy from 'lodash.groupby';
-import Highlight, { Language, defaultProps } from 'prism-react-renderer';
-import theme from 'prism-react-renderer/themes/vsLight';
+import { Highlight, Language, themes } from 'prism-react-renderer';
 
 import { APP_ACTIONS_TYPES } from '../../config/appActionsTypes';
 import { APP_DATA_TYPES, APP_DATA_VISIBILITY } from '../../config/appDataTypes';
@@ -123,8 +122,7 @@ const CodeReviewBody: FC<Props> = () => {
 
   return (
     <Highlight
-      Prism={defaultProps.Prism}
-      theme={theme}
+      theme={themes.vsLight}
       code={code}
       language={language as Language}
     >

src/modules/common/CommentBody.tsx

@@ -3,8 +3,7 @@ import ReactMarkdown from 'react-markdown';
 
 import { styled } from '@mui/material';
 
-import Highlight, { Language, defaultProps } from 'prism-react-renderer';
-import vsLight from 'prism-react-renderer/themes/vsLight';
+import { Highlight, Language, themes } from 'prism-react-renderer';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 
@@ -81,9 +80,8 @@ function code(props: {
   const match = /language-(\w+)/.exec(language || '');
   return match ? (
     <Highlight
-      {...defaultProps}
-      theme={vsLight}
       code={String(children).replace(/\n$/, '')}
+      theme={themes.vsLight}
       language={match[1] as Language}
     >
       {({ className, style, tokens, getLineProps, getTokenProps }) => (

yarn.lock

@@ -4182,6 +4182,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/prismjs@npm:^1.26.0":
+  version: 1.26.3
+  resolution: "@types/prismjs@npm:1.26.3"
+  checksum: 4bd55230ffc0b2b16f4008be3a7f1d7c6b32dd3bed8006e64d24fb22c44fc7e300dac77b856f732803ccdc9a3472b2c0ee7776cad048843c47d608c41a89b6a6
+  languageName: node
+  linkType: hard
+
 "@types/prop-types@npm:*, @types/prop-types@npm:^15.7.5":
   version: 15.7.5
   resolution: "@types/prop-types@npm:15.7.5"
@@ -8552,7 +8559,7 @@ __metadata:
     lodash.isstring: "npm:4.0.1"
     nyc: "npm:15.1.0"
     prettier: "npm:3.1.1"
-    prism-react-renderer: "npm:1.3.5"
+    prism-react-renderer: "npm:2.3.0"
     react: "npm:18.2.0"
     react-diff-viewer: "npm:3.1.1"
     react-dom: "npm:18.2.0"
@@ -11833,12 +11840,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prism-react-renderer@npm:1.3.5":
-  version: 1.3.5
-  resolution: "prism-react-renderer@npm:1.3.5"
+"prism-react-renderer@npm:2.3.0":
+  version: 2.3.0
+  resolution: "prism-react-renderer@npm:2.3.0"
+  dependencies:
+    "@types/prismjs": "npm:^1.26.0"
+    clsx: "npm:^2.0.0"
   peerDependencies:
-    react: ">=0.14.9"
-  checksum: 6deeef1bf497b5ce2ea5113f253f5d5e0842caa74eee385f15f17b75012fdea994cddf097759d0a2a9426ff857ea44bf2febe219392be4c72f887c7df88cc34d
+    react: ">=16.0.0"
+  checksum: f582e0de68548dbe16754c5125929b13b59d430acc57ad1f724e811d247d2e1d00185e151e4b5b76661f62a34b3fdcf3caf88f057531ece0fbc8b0946c0300ef
   languageName: node
   linkType: hard