diff --git a/src/components/PageComponents/Text-Comparison/TextComparisonComponent.tsx b/src/components/PageComponents/Text-Comparison/TextComparisonComponent.tsx
index 83cea28..03e0b64 100644
--- a/src/components/PageComponents/Text-Comparison/TextComparisonComponent.tsx
+++ b/src/components/PageComponents/Text-Comparison/TextComparisonComponent.tsx
@@ -1,12 +1,20 @@
 import './TextComparisonComponent.sass'
-import { createSignal } from 'solid-js'
+import { createSignal, createEffect } from 'solid-js'
 import Input from '../../Input/Input'
 import Button from '../../Button/Button'
+import { diffChars, createPatch } from 'diff';
+
+
 
 export default () => {
   const [firstText, setFirstText] = createSignal('')
   const [secondText, setSecondText] = createSignal('')
 
+  createEffect(() => {
+    const diffCharsResult = diffChars(firstText(), secondText())
+    console.log(diffCharsResult)
+  })
+
   return (
     <>
       <section class='section'>