crash on import from React

[LXEz]

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch @yaireo/[email protected] for the project I'm working on.

crash on import from React,below is the detail：

TypeError: (0 , react_compat_layer__WEBPACK_IMPORTED_MODULE_1_.memo) is not a function
at eval (webpack-internal:///(app-pages-browser)/./node_modules/@yaireo/tagify/src/react.tagify.jsx:419:71)
at (app-pages-browser)/./node_modules/@yaireo/tagify/src/react.tagify.jsx (http://localhost:3000/_next/static/chunks/app/file/%5BfileId%5D/page.js:160:1)
at options.factory (http://localhost:3000/_next/static/chunks/webpack.js:727:31)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js:37:33)
at fn (http://localhost:3000/_next/static/chunks/webpack.js:384:21)
at eval (webpack-internal:///(app-pages-browser)/./src/components/ui/inpuTags.tsx:8:78)
at (app-pages-browser)/./src/components/ui/inpuTags.tsx (http://localhost:3000/_next/static/chunks/app/file/%5BfileId%5D/page.js:366:1)
at options.factory (http://localhost:3000/_next/static/chunks/webpack.js:727:31)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js:37:33)
at fn (http://localhost:3000/_next/static/chunks/webpack.js:384:21)
at eval (webpack-internal:///(app-pages-browser)/./src/components/files/viewAndEdit/markdownHeader.tsx:8:81)
at (app-pages-browser)/./src/components/files/viewAndEdit/markdownHeader.tsx (http://localhost:3000/_next/static/chunks/app/file/%5BfileId%5D/page.js:333:1)
at options.factory (http://localhost:3000/_next/static/chunks/webpack.js:727:31)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js:37:33)
at fn (http://localhost:3000/_next/static/chunks/webpack.js:384:21)
at eval (webpack-internal:///(app-pages-browser)/./src/app/file/[fileId]/page.tsx:12:102)
at (app-pages-browser)/./src/app/file/[fileId]/page.tsx (http://localhost:3000/_next/static/chunks/app/file/%5BfileId%5D/page.js:300:1)
at options.factory (http://localhost:3000/_next/static/chunks/webpack.js:727:31)
at webpack_require (http://localhost:3000/_next/static/chunks/webpack.js:37:33)
at Function.fn (http://localhost:3000/_next/static/chunks/webpack.js:384:21)

Here is the diff that solved my problem:

diff --git a/node_modules/@yaireo/tagify/src/react.tagify.jsx b/node_modules/@yaireo/tagify/src/react.tagify.jsx
index cb78188..f78b106 100644
--- a/node_modules/@yaireo/tagify/src/react.tagify.jsx
+++ b/node_modules/@yaireo/tagify/src/react.tagify.jsx
@@ -1,8 +1,9 @@
 'use client';
 
-import React, {memo, useMemo, useEffect, useRef, useCallback, renderToStaticMarkup} from './react-compat-layer'
+import React, { renderToStaticMarkup} from './react-compat-layer'
 // import {renderToStaticMarkup} from "react-dom/server"
 // import {string, array, func, bool, object, oneOfType} from "prop-types"
+import { memo, useMemo, useEffect, useRef, useCallback } from "react";
 import Tagify from "./tagify.js"
 
 const noop = _ => _
@@ -25,7 +26,7 @@ function templatesToString(templates) {
 }
 
 // used for `className` prop changes
-function compareStrings(str1, str2) {
+function compareStrings(str1 = "", str2 = "") {
     if( typeof str1 != typeof str2) return;
     const words1 = str1.split(' ');
     const words2 = str2.split(' ');
@@ -174,10 +175,14 @@ const TagifyWrapper = ({
         if (mountedRef.current) {
             // compare last `className` prop with current `className` prop and find
             // which clases should be added and which should be removed:
-            const { added, removed } = compareStrings(lastClassNameRef.current, className);
+            try {
+                const { added, removed } = compareStrings(lastClassNameRef.current, className);
 
             added.filter(String).forEach(cls => tagify.current.toggleClass(cls, true))
             removed.filter(String).forEach(cls => tagify.current.toggleClass(cls, false))
+            } catch (error) {
+                console.error("Error in compareStrings:", error);
+            }
 
         }
         // save current `className` prop for next change iteration

This issue body was partially generated by patch-package.