Skip to content

Instantly share code, notes, and snippets.

@brillout
Created February 22, 2024 12:41
Show Gist options
  • Save brillout/b5db867a2032a1b5d5504371d95e1a7e to your computer and use it in GitHub Desktop.
Save brillout/b5db867a2032a1b5d5504371d95e1a7e to your computer and use it in GitHub Desktop.

Component trace example:

Server running at http://localhost:3000
12:18:52 PM [vike][request(1)] HTTP request: /
Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check your code at +Page.tsx:26.
    at Page
    at div
    at div
    at Content (/home/romu/tmp/OliviaNolan/renderer/PageShell.tsx:112:20)
    at div
    at Layout (/home/romu/tmp/OliviaNolan/renderer/PageShell.tsx:66:19)
    at PageContextProvider (/home/romu/tmp/OliviaNolan/renderer/usePageContext.tsx:12:32)
    at PageShell (/home/romu/tmp/OliviaNolan/renderer/PageShell.tsx:19:22)
12:18:52 PM [vike][request(1)] Following error was thrown by the onRenderHtml() hook defined at /renderer/+onRenderHtml.tsx
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    at renderElement (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6047:9)
    at renderNodeDestructiveImpl (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6108:11)
    at renderNodeDestructive (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6080:14)
    at renderNode (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6263:12)
    at renderChildrenArray (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6215:7)
    at renderNodeDestructiveImpl (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6145:7)
    at renderNodeDestructive (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6080:14)
    at renderElement (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5975:9)
    at renderNodeDestructiveImpl (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6108:11)
    at renderNodeDestructive (/home/romu/tmp/OliviaNolan/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:6080:14)
┌────────────────────────────────────────────────────────────────────────────────────┐
│ To fix this error, see https://vike.dev/broken-npm-package#react-invalid-component │
└────────────────────────────────────────────────────────────────────────────────────┘
12:18:53 PM [vike][request(1)] HTTP response / 500
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment