ارور مربوط به کلاریفای

سلام در این کد که مربوط به کلاریفای میباشد

onButtonSubmit = () => {  
app.moduls  
.predict(  
Clarifai.FACEDETECTMODEL,  
// URL  
"<https://samples.clarifai.com/metro-north.jpg>"  
)  
.then(function(response) {  
console.log(response);  
},  
function(err) {// there was an error  
}  
);  
}

ارور زیر هنگام کلیک بر روی (دیتکت)درکنسول نمایش داده میشود

Uncaught TypeError: Cannot read properties of undefined (reading 'predict')  
at App.onButtonSubmit (App.js:32:1)  
at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)  
at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)  
at invokeGuardedCallback (react-dom.development.js:4277:1)  
at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1)  
at executeDispatch (react-dom.development.js:9041:1)  
at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1)  
at processDispatchQueue (react-dom.development.js:9086:1)  
at dispatchEventsForPlugins (react-dom.development.js:9097:1)  
at react-dom.development.js:9288:1  
App.onButtonSubmit @ App.js:32  
callCallback @ react-dom.development.js:4164  
invokeGuardedCallbackDev @ react-dom.development.js:4213  
invokeGuardedCallback @ react-dom.development.js:4277  
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4291  
executeDispatch @ react-dom.development.js:9041  
processDispatchQueueItemsInOrder @ react-dom.development.js:9073  
processDispatchQueue @ react-dom.development.js:9086  
dispatchEventsForPlugins @ react-dom.development.js:9097  
(anonymous) @ react-dom.development.js:9288  
batchedUpdates$1 @ react-dom.development.js:26140  
batchedUpdates @ react-dom.development.js:3991  
dispatchEventForPluginEventSystem @ react-dom.development.js:9287  
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay @ react-dom.development.js:6465  
dispatchEvent @ react-dom.development.js:6457  
dispatchDiscreteEvent @ react-dom.development.js:6430

🌹ممنون میشم راهنمایی کنید