Issue with react app - cannot click, ethRequest issue

[maddefientist]

Receiving this error in the browser console

Uncaught (in promise) TypeError: Cannot create property 'jsonrpc' on string 'eth_requestAccounts'
at l._rpcRequest (inpage.js:1:38191)
at l.sendAsync (inpage.js:1:41936)
at callApi (nft.js:62:1)

Did perhaps something chnage with how it calls to metamask or the account for info? It works when pushed to netlify to select wallet, but then after that nothing is clickable nor can you interact with any of the buttons anymore.

Thanks in advance for any info provided

EDIT: Some more errors, after metamask does connect but then does not show "connected" status

inpage.js:1 Uncaught (in promise) TypeError: Cannot create property 'jsonrpc' on string 'eth_requestAccounts'
at l._rpcRequest (inpage.js:1:38191)
at l.sendAsync (inpage.js:1:41936)
at App.js:109:20
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
App.js:163 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'methods')
at App.js:163:39
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
at asyncToGenerator.js:32:7
at new Promise ()
at asyncToGenerator.js:21:12
at l (App.js:95:10)
App.js:195 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'methods')
at App.js:195:39
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
at asyncToGenerator.js:32:7
at new Promise ()
at asyncToGenerator.js:21:12
at p (App.js:95:10)
App.js:160 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'methods')
at App.js:160:14
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
at asyncToGenerator.js:32:7
at new Promise ()
at asyncToGenerator.js:21:12
at i (App.js:95:10)
2App.js:160 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'methods')
at App.js:160:14
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
at asyncToGenerator.js:32:7
at new Promise ()
at asyncToGenerator.js:21:12
at onClick (App.js:95:10)
App.js:153 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'methods')
at App.js:153:45
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
at asyncToGenerator.js:32:7
at new Promise ()
at asyncToGenerator.js:21:12
at s (App.js:95:10)
3App.js:153 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'methods')
at App.js:153:45
at u (regeneratorRuntime.js:86:17)
at Generator._invoke (regeneratorRuntime.js:66:24)
at Generator.next (regeneratorRuntime.js:117:21)
at n (asyncToGenerator.js:3:20)
at c (asyncToGenerator.js:25:9)
at asyncToGenerator.js:32:7
at new Promise ()
at asyncToGenerator.js:21:12
at onClick (App.js:95:10)