Contact Form 7 NOT working

I have recently build my 2nd website “componentity.com” with Frontity. but Contact Form 7 does not work.
Check out this link https://componentity.com/contact and look at the console.

Uncaught TypeError: Cannot read property 'startsWith' of undefined
at onClick (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Object.l (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at d (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22
at g (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at it (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at at (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at lt (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at dt (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at z (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)

/about/:1 Mixed Content: The page at ‘https://componentity.com/about/’ was loaded over HTTPS, but requested an insecure favicon ‘http://codenawis.com/componentity/wp-content/uploads/2020/08/componentity-fav.png’. This request has been blocked; the content must be served over HTTPS.
Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22 Uncaught TypeError: Cannot read property ‘startsWith’ of undefined
at onClick (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Object.l (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at d (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22
at g (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at it (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at at (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at lt (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at dt (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at z (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
VM77 react_devtools_backend.js:2273 TypeError: Cannot read property ‘inputVals’ of undefined
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:51
at p (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at t (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1
at Qo (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Di (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Ri (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Mi (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at yl (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at su (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
overrideMethod @ VM77 react_devtools_backend.js:2273
4VM77 react_devtools_backend.js:2273 TypeError: Cannot read property ‘invalidFields’ of undefined
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:51
at p (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at t (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1
at Qo (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Di (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Ri (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Mi (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at yl (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at su (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
overrideMethod @ VM77 react_devtools_backend.js:2273
6VM77 react_devtools_backend.js:2273 TypeError: Cannot read property ‘inputVals’ of undefined
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:51
at Object.addHiddenInputs (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:51
at p (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at t (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1
at Qo (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Di (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Ri (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Mi (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
overrideMethod @ VM77 react_devtools_backend.js:2273
Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:51 Uncaught (in promise) TypeError: Cannot read property ‘inputVals’ of undefined
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:51
at p (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at t (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1)
at Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:1
at Qo (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Di (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Ri (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at Mi (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at yl (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)
at su (Componentity - From CodeNawis.module.930f5284ca6a3ea01329.js:22)

Hi @mymakarim

I’ve just installed frontity-contact-form-7 in a new project and didn’t encounter any issues.

Can you share a link to a repo of your project so that we can take a look at your code.

Well, in the README.md of the npm package it was written that just install the package and no additional code has to be written.

Anyways this is the repository link

This is my website
https://componentity.com/contact

Note: I guess it might be because my main website https://codenawis.com/componenity is using a free SSL (Sometimes shows NOT secure)

What version of the package are you running?

I think you’ll need to update the package for Contact Form 7, I think I’ve encountered this problem as well and it’s solved. See: https://github.com/imranhsayed/frontity-contact-form-7/issues/31

2 Likes

Solved @dominique @mburridge
Thank you :heart_eyes:

1 Like

@mymakarim

Thanks for the link to the repo, your code looks good. I just remembered that there’s an issue with the latest version of Contact Form 7. As @dominique suggests, you can install the frontity-contact-form-7 package manually from here, instead of via npm.

Alternatively use an earlier version of the Contact Form plugin. Go the advanced part of the Contact Form 7 plugin page and scroll down to the bottom. You can choose which version you want to download - choose any version earlier than 5.2.

1 Like