Notifications center v0.10.1 TypeError

empe · 2023-01-16T12:21:33.341Z

@dr.really is facing the following: `TypeError: Cannot read properties of null (reading 'notifications')` on the notifications center v0.10.1 Has anyone else encountered that? @dr.really Can you add anything else that may be relevant to troubleshoot this?

D

dr.really•1/16/23, 12:21 PM

I can get some screenshots when I get to work

Ddr.really I can get some screenshots when I get to work 🙂

E

empeOP•1/16/23, 12:22 PM

Sounds great! Meanwhile, if @Support can help regardless - it would be wonderful!

P

Paweł T.•1/16/23, 12:31 PM

@dr.really it would be nice if you can provide more context

D

dr.really•1/16/23, 12:35 PM

Currently running in Remix, using

@novu/notifications-center: 0.10.1

@novu/notifications-center: 0.10.1

@novu/notifications-center: 0.10.1

@novu/notifications-center: 0.10.1 When using the

useNotifications()

useNotifications()

useNotifications()

useNotifications() hook, I get the following error:

TypeError: Cannot read properties of null (reading 'notifications')

TypeError: Cannot read properties of null (reading 'notifications')

example code:

const { notifications, refetch, markAsSeen, fetching, markAsRead } = useNotifications();
...
  useEffect(() => {
    if (!fetching) {
      if (notifications) {
        notifications.forEach((n) => {
          if (!n.seen) {
            console.log(n._id, 'not seen');
            console.log(n);
            showNotification({
              id: n._id,
              title: 'Demo Notification',
              message: notificationContent(n),
              autoClose: false,
            })
          }
        })
      }
    }
  }, [notifications, markAsSeen, fetching])
...

const { notifications, refetch, markAsSeen, fetching, markAsRead } = useNotifications();
...
  useEffect(() => {
    if (!fetching) {
      if (notifications) {
        notifications.forEach((n) => {
          if (!n.seen) {
            console.log(n._id, 'not seen');
            console.log(n);
            showNotification({
              id: n._id,
              title: 'Demo Notification',
              message: notificationContent(n),
              autoClose: false,
            })
          }
        })
      }
    }
  }, [notifications, markAsSeen, fetching])
...

const { notifications, refetch, markAsSeen, fetching, markAsRead } = useNotifications();
...
  useEffect(() => {
    if (!fetching) {
      if (notifications) {
        notifications.forEach((n) => {
          if (!n.seen) {
            console.log(n._id, 'not seen');
            console.log(n);
            showNotification({
              id: n._id,
              title: 'Demo Notification',
              message: notificationContent(n),
              autoClose: false,
            })
          }
        })
      }
    }
  }, [notifications, markAsSeen, fetching])
...

const { notifications, refetch, markAsSeen, fetching, markAsRead } = useNotifications();
...
  useEffect(() => {
    if (!fetching) {
      if (notifications) {
        notifications.forEach((n) => {
          if (!n.seen) {
            console.log(n._id, 'not seen');
            console.log(n);
            showNotification({
              id: n._id,
              title: 'Demo Notification',
              message: notificationContent(n),
              autoClose: false,
            })
          }
        })
      }
    }
  }, [notifications, markAsSeen, fetching])
...

D

dr.really•1/16/23, 12:35 PM

hope that helps

P

Paweł T.•1/16/23, 1:42 PM

which line does throw it?

PPaweł T.which line does throw it?

D

dr.really•1/17/23, 1:10 PM

apologies just now saw this, it throws it on the

useNotifications

useNotifications

useNotifications

useNotifications line. Looks like something in the hook

Ddr.really apologies just now saw this, it throws it on the `useNotifications` line. Looks ...

P

Paweł T.•1/17/23, 1:54 PM

can you please share the stack trace?

PPaweł T.can you please share the stack trace?

D

dr.really•1/18/23, 1:10 PM

yessir, once i get to the office i'll shoot one over to you

PPaweł T.can you please share the stack trace?

D

dr.really•1/19/23, 7:09 PM

TypeError: Cannot read properties of null (reading 'notifications')
    at j (/home/user/code/firefly/node_modules/.pnpm/@novu+notification-center@0.10.1_2zx2umvpluuhvlq44va5bta2da/node_modules/@novu/notification-center/src/hooks/use-notifications.hook.ts:14:36)
    at AppHeader (/home/user/code/firefly/apps/web/app/components/layout/AppHeader.tsx:20:57)
    at renderWithHooks (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5662:16)
    at renderIndeterminateComponent (/home/wdhodges/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5735:15)
    at renderElement (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5950:7)
    at renderNodeDestructiveImpl (/home/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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)

TypeError: Cannot read properties of null (reading 'notifications')
    at j (/home/user/code/firefly/node_modules/.pnpm/@novu+notification-center@0.10.1_2zx2umvpluuhvlq44va5bta2da/node_modules/@novu/notification-center/src/hooks/use-notifications.hook.ts:14:36)
    at AppHeader (/home/user/code/firefly/apps/web/app/components/layout/AppHeader.tsx:20:57)
    at renderWithHooks (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5662:16)
    at renderIndeterminateComponent (/home/wdhodges/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5735:15)
    at renderElement (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5950:7)
    at renderNodeDestructiveImpl (/home/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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)

TypeError: Cannot read properties of null (reading 'notifications')
    at j (/home/user/code/firefly/node_modules/.pnpm/@novu+notification-center@0.10.1_2zx2umvpluuhvlq44va5bta2da/node_modules/@novu/notification-center/src/hooks/use-notifications.hook.ts:14:36)
    at AppHeader (/home/user/code/firefly/apps/web/app/components/layout/AppHeader.tsx:20:57)
    at renderWithHooks (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5662:16)
    at renderIndeterminateComponent (/home/wdhodges/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5735:15)
    at renderElement (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5950:7)
    at renderNodeDestructiveImpl (/home/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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)

TypeError: Cannot read properties of null (reading 'notifications')
    at j (/home/user/code/firefly/node_modules/.pnpm/@novu+notification-center@0.10.1_2zx2umvpluuhvlq44va5bta2da/node_modules/@novu/notification-center/src/hooks/use-notifications.hook.ts:14:36)
    at AppHeader (/home/user/code/firefly/apps/web/app/components/layout/AppHeader.tsx:20:57)
    at renderWithHooks (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5662:16)
    at renderIndeterminateComponent (/home/wdhodges/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5735:15)
    at renderElement (/home/user/code/firefly/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server-legacy.node.development.js:5950:7)
    at renderNodeDestructiveImpl (/home/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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/user/code/firefly/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)

sorry that took me longer than I wanted it to take

D

dr.really•1/19/23, 7:11 PM

Looks like the issue is here:
https://github.com/novuhq/novu/blob/cd8d36cbb14c2431db8cdec47dcc40ccc5df20c2/packages/notification-center/src/hooks/use-notifications.hook.ts#L14

GitHub

novu/use-notifications.hook.ts at cd8d36cbb14c2431db8cdec47dcc40ccc...

The open-source notification infrastructure for products. Add a notification center for your React, Vue and Angular apps

novu/use-notifications.hook.ts at cd8d36cbb14c2431db8cdec47dcc40ccc5df20...

P

Paweł T.•1/20/23, 8:57 AM

to me it seems like you are trying to use the

useNotifications

useNotifications

useNotifications

useNotifications hook outside the

NovuProvider

NovuProvider

NovuProvider

NovuProvider context
can you check that?

PPaweł T.to me it seems like you are trying to use the `useNotifications` hook outside th...

D

dr.really•2/1/23, 6:08 PM

For some reason, I didn't get notified of this. I apologize greatly for the delay. I am verifying this now.

Notifications center v0.10.1 TypeError

Similar Threads

Similar Threads

Similar Threads