tsx files: multiple syntax errors

[glenviewjeff]

Inbox Zero is working mostly, but I'm getting the following console errors. I presume I misconfigured something in my environment, but I have no idea what could cause this.

Error: <p> cannot contain a nested <div>.
See this log for the ancestor stack trace.
    at createUnhandledError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/console-error.js:27:71)
    at handleClientError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/use-error-handler.js:45:56)
    at console.error (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/globals/intercept-console-error.js:47:56)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:2618:21)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:1511:30)
    at validateDOMNesting (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:2617:11)
    at completeWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:13748:15)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:1511:30)
    at completeUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15256:19)
    at performUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15137:11)
    at workLoopSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14944:41)
    at renderRootSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14924:11)
    at performWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14411:13)
    at performSyncWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16290:7)
    at flushSyncWorkAcrossRoots_impl (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16138:21)
    at processRootScheduleInMicrotask (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16175:7)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16309:13)
    at p (<anonymous>)
    at _c6 (webpack-internal:///(app-pages-browser)/./components/Typography.tsx:66:87)
    at EmailMessageCell (webpack-internal:///(app-pages-browser)/./components/EmailMessageCell.tsx:83:88)
    at ProcessRulesRow (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:396:96)
    at eval (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:315:142)
    at Array.map (<anonymous>)
    at ProcessRulesContent (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:315:52)
    at Process (webpack-internal:///(app-pages-browser)/./app/(app)/automation/Process.tsx:78:88)
    at AutomationPage (rsc://React/Server/webpack-internal:///(rsc)/./app/(app)/automation/page.tsx?103:159:114)

Error: React does not recognize the `maxRows` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `maxrows` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    at createUnhandledError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/console-error.js:27:71)
    at handleClientError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/use-error-handler.js:45:56)
    at console.error (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/globals/intercept-console-error.js:47:56)
    at validateProperty (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:3001:19)
    at warnUnknownProperties (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:3146:9)
    at validatePropertiesInDevelopment (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:17176:9)
    at prepareToHydrateHostInstance (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:13326:7)
    at completeWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:13745:15)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:1511:30)
    at completeUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15256:19)
    at performUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15137:11)
    at workLoopSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14944:41)
    at renderRootSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14924:11)
    at performWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14411:13)
    at performSyncWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16290:7)
    at flushSyncWorkAcrossRoots_impl (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16138:21)
    at processRootScheduleInMicrotask (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16175:7)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16309:13)
    at input (<anonymous>)
    at Input (webpack-internal:///(app-pages-browser)/./components/Input.tsx:79:120)
    at SearchForm (webpack-internal:///(app-pages-browser)/./components/SearchForm.tsx:37:94)
    at ProcessRulesContent (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:256:104)
    at Process (webpack-internal:///(app-pages-browser)/./app/(app)/automation/Process.tsx:78:88)
    at AutomationPage (rsc://React/Server/webpack-internal:///(rsc)/./app/(app)/automation/page.tsx?103:159:114)

Error: In HTML, <div> cannot be a descendant of <p>.
This will cause a hydration error.

  ...
    <_c>
      <div className="relative w...">
        <table ref={null} className="w-full cap...">
          <_c4>
            <tbody ref={null} className={"[&_tr:la..."}>
              <ProcessRulesRow message={{id:"195e34...", ...}} userEmail="glenviewje..." isRunning={undefined} ...>
                <_c8 className={undefined}>
                  <tr ref={null} className="border-b b...">
                    <_c12>
                      <td ref={null} className={"p-4 alig..."}>
                        <div className="flex items...">
                          <EmailMessageCell sender={"Public C..."} subject="another ma..." snippet={"We have ..."} ...>
                            <div className="min-w-0 br...">
                              <_c6 className="flex items...">
>                               <p ref={null} className="text-sm text-slate-700 dark:text-foreground flex items-center">
                                  <span>
                                  <LinkComponent>
                                  <ViewEmailButton>
                                  <div className="ml-2 flex ...">
                                    <Badge variant="secondary">
>                                     <div
>                                       className="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs ..."
>                                     >
                              ...
                          ...
              ...
    ...

    at createUnhandledError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/console-error.js:27:71)
    at handleClientError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/use-error-handler.js:45:56)
    at console.error (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/globals/intercept-console-error.js:47:56)
    at validateDOMNesting (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:2605:19)
    at completeWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:13748:15)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:1511:30)
    at completeUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15256:19)
    at performUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15137:11)
    at workLoopSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14944:41)
    at renderRootSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14924:11)
    at performWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14411:13)
    at performSyncWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16290:7)
    at flushSyncWorkAcrossRoots_impl (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16138:21)
    at processRootScheduleInMicrotask (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16175:7)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16309:13)
    at div (<anonymous>)
    at Badge (webpack-internal:///(app-pages-browser)/./components/ui/badge.tsx:29:87)
    at eval (webpack-internal:///(app-pages-browser)/./components/EmailMessageCell.tsx:123:139)
    at Array.map (<anonymous>)
    at EmailMessageCell (webpack-internal:///(app-pages-browser)/./components/EmailMessageCell.tsx:123:51)
    at ProcessRulesRow (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:396:96)
    at eval (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:315:142)
    at Array.map (<anonymous>)
    at ProcessRulesContent (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:315:52)
    at Process (webpack-internal:///(app-pages-browser)/./app/(app)/automation/Process.tsx:78:88)
    at AutomationPage (rsc://React/Server/webpack-internal:///(rsc)/./app/(app)/automation/page.tsx?103:159:114)

Error: <p> cannot contain a nested <div>.
See this log for the ancestor stack trace.
    at createUnhandledError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/console-error.js:27:71)
    at handleClientError (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/errors/use-error-handler.js:45:56)
    at console.error (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/client/components/globals/intercept-console-error.js:47:56)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:2618:21)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:1511:30)
    at validateDOMNesting (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:2617:11)
    at completeWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:13748:15)
    at runWithFiberInDEV (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:1511:30)
    at completeUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15256:19)
    at performUnitOfWork (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:15137:11)
    at workLoopSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14944:41)
    at renderRootSync (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14924:11)
    at performWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:14411:13)
    at performSyncWorkOnRoot (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16290:7)
    at flushSyncWorkAcrossRoots_impl (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16138:21)
    at processRootScheduleInMicrotask (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16175:7)
    at eval (webpack-internal:///(app-pages-browser)/../../node_modules/.pnpm/[email protected]_@[email protected]_15433cf75f7d656b037eebdd12af1cdd/node_modules/next/dist/compiled/react-dom/cjs/react-dom-client.development.js:16309:13)
    at p (<anonymous>)
    at _c6 (webpack-internal:///(app-pages-browser)/./components/Typography.tsx:66:87)
    at EmailMessageCell (webpack-internal:///(app-pages-browser)/./components/EmailMessageCell.tsx:83:88)
    at ProcessRulesRow (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:396:96)
    at eval (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:315:142)
    at Array.map (<anonymous>)
    at ProcessRulesContent (webpack-internal:///(app-pages-browser)/./app/(app)/automation/ProcessRules.tsx:315:52)
    at Process (webpack-internal:///(app-pages-browser)/./app/(app)/automation/Process.tsx:78:88)
    at AutomationPage (rsc://React/Server/webpack-internal:///(rsc)/./app/(app)/automation/page.tsx?103:159:114)