-
Notifications
You must be signed in to change notification settings - Fork 285
Open
Description
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>
);
};NimbleValley
Metadata
Metadata
Assignees
Labels
No labels