WP Job Openings Uncaught TypeError: Cannot read property 'map' of undefined

[toneterules]

Hello,

I don’t undestand what is happenning, I followed every step to make the WP Job Openings package work on my Frontity app after fixing the cors issue mentioned on their github repo I get this after submitting an application:

notice.js?7d02:16 Uncaught TypeError: Cannot read property 'map' of undefined
    at Notice (notice.js?7d02:16)
    at runAsReaction (bundle.es.js?9179:187)
    at reaction (bundle.es.js?9179:239)
    at ReactiveComp (connect.js?84b5:121)
    at renderWithHooks (react-dom.development.js?61bb:14985)
    at updateFunctionComponent (react-dom.development.js?61bb:17356)
    at updateSimpleMemoComponent (react-dom.development.js?61bb:17215)
    at beginWork (react-dom.development.js?61bb:19140)
    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:3994)
Notice @ notice.js?7d02:16
runAsReaction @ bundle.es.js?9179:187
reaction @ bundle.es.js?9179:239
ReactiveComp @ connect.js?84b5:121
renderWithHooks @ react-dom.development.js?61bb:14985
updateFunctionComponent @ react-dom.development.js?61bb:17356
updateSimpleMemoComponent @ react-dom.development.js?61bb:17215
beginWork @ react-dom.development.js?61bb:19140
callCallback @ react-dom.development.js?61bb:3945
invokeGuardedCallbackDev @ react-dom.development.js?61bb:3994
invokeGuardedCallback @ react-dom.development.js?61bb:4056
beginWork$1 @ react-dom.development.js?61bb:23964
performUnitOfWork @ react-dom.development.js?61bb:22776
workLoopSync @ react-dom.development.js?61bb:22707
renderRootSync @ react-dom.development.js?61bb:22670
performSyncWorkOnRoot @ react-dom.development.js?61bb:22293
eval @ react-dom.development.js?61bb:11327
unstable_runWithPriority @ scheduler.development.js?3069:468
runWithPriority$1 @ react-dom.development.js?61bb:11276
flushSyncCallbackQueueImpl @ react-dom.development.js?61bb:11322
flushSyncCallbackQueue @ react-dom.development.js?61bb:11309
scheduleUpdateOnFiber @ react-dom.development.js?61bb:21893
dispatchAction @ react-dom.development.js?61bb:16139
scheduler @ connect.js?84b5:76
queueReaction @ bundle.es.js?9179:216
queueReactionsForOperation @ bundle.es.js?9179:209
set @ bundle.es.js?9179:564
eval @ form.js?0b97:43
async function (async)
eval @ form.js?0b97:33
eval @ create-store.js?81b0:47
onSubmitHandler @ VM16612 form.js:9
callCallback @ react-dom.development.js?61bb:3945
invokeGuardedCallbackDev @ react-dom.development.js?61bb:3994
invokeGuardedCallback @ react-dom.development.js?61bb:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?61bb:4070
executeDispatch @ react-dom.development.js?61bb:8243
processDispatchQueueItemsInOrder @ react-dom.development.js?61bb:8275
processDispatchQueue @ react-dom.development.js?61bb:8288
dispatchEventsForPlugins @ react-dom.development.js?61bb:8299
eval @ react-dom.development.js?61bb:8508
batchedEventUpdates$1 @ react-dom.development.js?61bb:22396
batchedEventUpdates @ react-dom.development.js?61bb:3745
dispatchEventForPluginEventSystem @ react-dom.development.js?61bb:8507
attemptToDispatchEvent @ react-dom.development.js?61bb:6005
dispatchEvent @ react-dom.development.js?61bb:5924
unstable_runWithPriority @ scheduler.development.js?3069:468
runWithPriority$1 @ react-dom.development.js?61bb:11276
discreteUpdates$1 @ react-dom.development.js?61bb:22413
discreteUpdates @ react-dom.development.js?61bb:3756
dispatchDiscreteEvent @ react-dom.development.js?61bb:5889
react_devtools_backend.js:2850 The above error occurred in the <Notice> component:

    at ReactiveComp (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:40:72)
    at ReactiveComp (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:40:72)
    at div
    at div
    at div
    at ReactiveComp (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:40:72)
    at div
    at eval (webpack-internal:///./node_modules/@emotion/react/dist/emotion-element-99289b21.browser.esm.js:34:67)
    at div
    at eval (webpack-internal:///./node_modules/@emotion/react/dist/emotion-element-99289b21.browser.esm.js:34:67)
    at ReactiveComp (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:40:72)
    at ReactiveComp (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:40:72)
    at div
    at eval (webpack-internal:///./node_modules/@emotion/react/dist/emotion-element-99289b21.browser.esm.js:34:67)
    at ReactiveComp (webpack-internal:///./node_modules/@frontity/connect/src/connect.js:40:72)
    at r (webpack-internal:///./node_modules/react-helmet-async/lib/index.module.js:30:6803)
    at App (webpack-internal:///./node_modules/@frontity/core/src/app/index.tsx:19:16)
    at FrontityApp

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
overrideMethod @ react_devtools_backend.js:2850
logCapturedError @ react-dom.development.js?61bb:20085
update.callback @ react-dom.development.js?61bb:20118
callCallback @ react-dom.development.js?61bb:12318
commitUpdateQueue @ react-dom.development.js?61bb:12339
commitLifeCycles @ react-dom.development.js?61bb:20736
commitLayoutEffects @ react-dom.development.js?61bb:23426
callCallback @ react-dom.development.js?61bb:3945
invokeGuardedCallbackDev @ react-dom.development.js?61bb:3994
invokeGuardedCallback @ react-dom.development.js?61bb:4056
commitRootImpl @ react-dom.development.js?61bb:23151
unstable_runWithPriority @ scheduler.development.js?3069:468
runWithPriority$1 @ react-dom.development.js?61bb:11276
commitRoot @ react-dom.development.js?61bb:22990
performSyncWorkOnRoot @ react-dom.development.js?61bb:22329
eval @ react-dom.development.js?61bb:11327
unstable_runWithPriority @ scheduler.development.js?3069:468
runWithPriority$1 @ react-dom.development.js?61bb:11276
flushSyncCallbackQueueImpl @ react-dom.development.js?61bb:11322
flushSyncCallbackQueue @ react-dom.development.js?61bb:11309
scheduleUpdateOnFiber @ react-dom.development.js?61bb:21893
dispatchAction @ react-dom.development.js?61bb:16139
scheduler @ connect.js?84b5:76
queueReaction @ bundle.es.js?9179:216
queueReactionsForOperation @ bundle.es.js?9179:209
set @ bundle.es.js?9179:564
eval @ form.js?0b97:43
async function (async)
eval @ form.js?0b97:33
eval @ create-store.js?81b0:47
onSubmitHandler @ VM16612 form.js:9
callCallback @ react-dom.development.js?61bb:3945
invokeGuardedCallbackDev @ react-dom.development.js?61bb:3994
invokeGuardedCallback @ react-dom.development.js?61bb:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?61bb:4070
executeDispatch @ react-dom.development.js?61bb:8243
processDispatchQueueItemsInOrder @ react-dom.development.js?61bb:8275
processDispatchQueue @ react-dom.development.js?61bb:8288
dispatchEventsForPlugins @ react-dom.development.js?61bb:8299
eval @ react-dom.development.js?61bb:8508
batchedEventUpdates$1 @ react-dom.development.js?61bb:22396
batchedEventUpdates @ react-dom.development.js?61bb:3745
dispatchEventForPluginEventSystem @ react-dom.development.js?61bb:8507
attemptToDispatchEvent @ react-dom.development.js?61bb:6005
dispatchEvent @ react-dom.development.js?61bb:5924
unstable_runWithPriority @ scheduler.development.js?3069:468
runWithPriority$1 @ react-dom.development.js?61bb:11276
discreteUpdates$1 @ react-dom.development.js?61bb:22413
discreteUpdates @ react-dom.development.js?61bb:3756
dispatchDiscreteEvent @ react-dom.development.js?61bb:5889
notice.js?7d02:16 Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
    at Notice (notice.js?7d02:16)
    at runAsReaction (bundle.es.js?9179:187)
    at reaction (bundle.es.js?9179:239)
    at ReactiveComp (connect.js?84b5:121)
    at renderWithHooks (react-dom.development.js?61bb:14985)
    at updateFunctionComponent (react-dom.development.js?61bb:17356)
    at updateSimpleMemoComponent (react-dom.development.js?61bb:17215)
    at beginWork (react-dom.development.js?61bb:19140)
    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:3994)

Im using this frontity theme https://github.com/awsmin/f1

Thanks in advance for the help

[anantajitjg]

Hi,
I couldn’t replicate this issue in form submission with WP Job Openings and Wp Job Openings with Pro add-on. Can you please provide a CodeSandbox link to your project or link to the repository?

About the 🙋Get Help category

Ask about “how to solve a specific issue with your Frontity project” If you want to ask about “how to solve an issue with your Frontity project” we suggest you to provide things such as: ✓ Description of your issue ✓ System info → npx frontity info ✓ Specific errors you’re getting in the terminal ✓ Specific errors you’re getting in the browser’s console ✓ A repository or codesandbox with the code of your project ✓ A deployed version of your site ✓ The URL of your WP REST API The more in…