fixed friend filter hjs issues

Author: sleeptil3

src/Pages/User/LockrRoom/View.js

@@ -1,9 +1,10 @@
-import { useContext, useState, useEffect } from 'react'
+import { useContext, useState, useEffect, useLayoutEffect } from 'react'
 import { useHistory } from 'react-router-dom'
 import Snippet from '../../../Components/Snippet'
 import { getFriendSnippets } from '../../../API/apiData'
 import { UserContext } from '../User'
 import { DataContext } from '../../../App'
+import hljs from 'highlight.js';
 
 export default function View({ friendFilter, setFriendFilter }) {
 	const { userData, friendsList } = useContext(UserContext)
@@ -37,6 +38,10 @@ export default function View({ friendFilter, setFriendFilter }) {
 		setFriendFilter('')
 	}, [ setFriendFilter, history ])
 
+	useLayoutEffect(() => {
+		hljs.highlightAll()
+	}, [ friendSnippetData, friendFilter, search ])
+
 	return (
 		<div className="mt-4 sm:mt-0 sm:ml-2">
 			{ userData.friends.length ? <><h1 className="ml-6 sm:ml-0 text-lg sm:text-2xl font-bold">{ friendFilter ? `${ userData.friends.find(friend => friend._id === friendFilter).firstName } 's Shared Snippets` : "All Shared Snippets" }</h1>