rdev/liquid-glass-react
1
0
Fork 0
Code Issues 17 Pull requests 2 Projects Releases Packages Wiki Activity Actions

It doens't work on remix v2 #21

New issue
Open
opened 2025-09-04 23:10:32 -04:00 by kiyoungsong · 0 comments
kiyoungsong commented 2025-09-04 23:10:32 -04:00 (Migrated from github.com)
Copy link

Hi. i try to use liquid-glass-react on remix v2.

But when i start my project it show this error.

How do i solve that?

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5734:15)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5358:18)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18)
    at renderChildrenArray (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6274:9)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6015:13)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5358:18)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5678:15)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5678:15)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13)
    at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11)
    at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31)
    at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11)
    at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18)

Code is like this

import LiquidGlass from "liquid-glass-react";

export default function Home = () => {
  return (
    <div className="fixed top-0 left-0 w-full h-[102px] lg:px-12 pt-[30px]">
      <LiquidGlass>
        <div className="p-6">
          <h2>Your content here</h2>
          <p>This will have the liquid glass effect</p>
        </div>
      </LiquidGlass>
    </div>
  );
};
Hi. i try to use liquid-glass-react on remix v2. But when i start my project it show this error. How do i solve that? ```Oops! Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5734:15) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5358:18) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18) at renderChildrenArray (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6274:9) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6015:13) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5358:18) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5678:15) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5678:15) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at finishFunctionComponent (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:4841:13) at renderElement (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5283:11) at retryNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5991:31) at renderNodeDestructive (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:5941:11) at renderNode (C:\Users\song\Desktop\brain\brain-home-new\node_modules\react-dom\cjs\react-dom-server.node.development.js:6398:18) ``` Code is like this ```tsx import LiquidGlass from "liquid-glass-react"; export default function Home = () => { return ( <div className="fixed top-0 left-0 w-full h-[102px] lg:px-12 pt-[30px]"> <LiquidGlass> <div className="p-6"> <h2>Your content here</h2> <p>This will have the liquid glass effect</p> </div> </LiquidGlass> </div> ); }; ```
👀 1
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
rdev/liquid-glass-react#21
No description provided.