fix(code_block): compute syntax highlighting on mount + minor fix
+ 3
- 4
+ remove call to unexisting client-side window.Prism.highlightAll method

@@ -1,10 +1,10 @@
 {
-  "_generatedAtUnix": 1664216834399,
+  "_generatedAtUnix": 1664217744066,
   "_hashAlgorithm": "sha1",
   "_version": 2,
   "islands": {
     "Code": {
-      "hash": "44d91f8017e888590b18ac52bb41053fb603aa09",
+      "hash": "14b04c4f40b789d15f9f4663e9f8935729d4f61e",
       "pathSource": "./app/islands/Code.tsx",
       "pathBundle": "./public/.islands/Code.bundle.js",
       "pathSourceMap": "./public/.islands/Code.bundle.js.map"

@@ -60,11 +60,10 @@ const Code: ReactIsland<CodeProps & WithThemeSchemeProp> = ({
 
   const onClientSideRouterLoadComplete = useCallback(() => {
     setInnerHtml(computeSyntaxHighlighting());
-    window.Prism.highlightAll();
   }, [computeSyntaxHighlighting, setInnerHtml]);
 
   useEffect(() => {
-    computeSyntaxHighlighting();
+    setInnerHtml(computeSyntaxHighlighting());
     document.addEventListener(
       ClientSideRouterEvents.NAVIGATED,
       onClientSideRouterLoadComplete