Skip to content

It doens't work on remix v2 #21

@kiyoungsong

Description

@kiyoungsong

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>
  );
};

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions