feat: move to react-diff-viewer-continued for enhanced react 18+ supp…

…ort (#48)

There's currently warnings when installing the library regarding react,
react-dom.

As the react-diff-viewer package seems discontinued, I suggest to use an
updated one: https://www.npmjs.com/package/react-diff-viewer-continued

This might also fix some issues

---------

Co-authored-by: Sebastien Vanvelthem <sebastien.vanvelthem@weareretail.ai>

.changeset/great-eagles-happen.md

@@ -0,0 +1,9 @@
+---
+"@builder.io/react-hydration-overlay": minor
+---
+
+Support React 18
+
+Transition from [react-diff-viewer-continued](https://github.com/praneshr/react-diff-viewer) 
+to a maintained fork [react-diff-viewer-continued](https://github.com/aeolun/react-diff-viewer-continued)
+that supports React 18.

packages/lib/package.json

@@ -65,6 +65,6 @@
   },
   "dependencies": {
     "beautify": "^0.0.8",
-    "react-diff-viewer": "^3.1.1"
+    "react-diff-viewer-continued": "^4.0.3"
   }
 }

packages/lib/src/Overlay.tsx

@@ -3,7 +3,7 @@
 import beautify from "beautify";
 import { createPortal } from "react-dom";
 import React, { useEffect, useState } from "react";
-import ReactDiffViewer, { DiffMethod } from "react-diff-viewer";
+import ReactDiffViewer, { DiffMethod } from "react-diff-viewer-continued";
 import { OverlayProps } from "./types";
 
 // Remove emotion-inserted style tags from the HTML string from the server