Проблема с корсами при отправки в firebase?

Question

[Denioo]

Всем привет, когда хочу создать нового юзера вылетает корс ошибка:

spoiler

args.js:98 Uncaught I {code: "auth/argument-error", message: "createUserWithEmailAndPassword failed: Expected 2 arguments but got 1.", a: null}
Ol @ firebase-auth.js:1
i @ firebase-auth.js:1
createUser @ createUser.js:10
combination @ redux.js:459
p @ VM377:1
v @ VM377:1
(anonymous) @ VM377:1
dispatch @ redux.js:213
e @ VM377:1
submitUser @ useRegister.js:23
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:306
executeDispatch @ react-dom.development.js:389
executeDispatchesInOrder @ react-dom.development.js:414
executeDispatchesAndRelease @ react-dom.development.js:3278
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:3287
forEachAccumulated @ react-dom.development.js:3259
runEventsInBatch @ react-dom.development.js:3304
runExtractedPluginEventsInBatch @ react-dom.development.js:3514
handleTopLevel @ react-dom.development.js:3558
batchedEventUpdates$1 @ react-dom.development.js:21871
batchedEventUpdates @ react-dom.development.js:795
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js:3568
attemptToDispatchEvent @ react-dom.development.js:4267
dispatchEvent @ react-dom.development.js:4189
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
discreteUpdates$1 @ react-dom.development.js:21887
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
Show 2 more frames
react-dom.development.js:248 Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.
    at Object.invokeGuardedCallbackDev (react-dom.development.js:248)
    at invokeGuardedCallback (react-dom.development.js:292)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:306)
    at executeDispatch (react-dom.development.js:389)
    at executeDispatchesInOrder (react-dom.development.js:414)
    at executeDispatchesAndRelease (react-dom.development.js:3278)
    at executeDispatchesAndReleaseTopLevel (react-dom.development.js:3287)
    at forEachAccumulated (react-dom.development.js:3259)
    at runEventsInBatch (react-dom.development.js:3304)
    at runExtractedPluginEventsInBatch (react-dom.development.js:3514)
    at handleTopLevel (react-dom.development.js:3558)
    at batchedEventUpdates$1 (react-dom.development.js:21871)
    at batchedEventUpdates (react-dom.development.js:795)
    at dispatchEventForLegacyPluginEventSystem (react-dom.development.js:3568)
    at attemptToDispatchEvent (react-dom.development.js:4267)
    at dispatchEvent (react-dom.development.js:4189)
    at unstable_runWithPriority (scheduler.development.js:653)
    at runWithPriority$1 (react-dom.development.js:11039)
    at discreteUpdates$1 (react-dom.development.js:21887)
    at discreteUpdates (react-dom.development.js:806)
    at dispatchDiscreteEvent (react-dom.development.js:4168)

Фрагмент кода отвечающего за отправку:

case CREATE_USER:
          window.register.createUserWithEmailAndPassword(action.payload).then(user => {
            console.log(user)
          }).catch((e) => {
            console.log(e)
          })

Из-за чего может быть эта ошибка?
В другом браузере другая ошибка:

uncaught exception: Error: createUserWithEmailAndPassword failed: 2 arguments were expected, but 1 was received

Comments

[Yustas Alexu]

case CREATE_USER:
          window.register.createUserWithEmailAndPassword(action.payload).then(user => {
            console.log(user)
          }).catch((e) => {
            console.log(e)
          })

Я правильно понимаю, что это reducer? Если так, то это нарушение принципов Redux. Редьюсер должен быть чистой функцией, а запрос прямо в редьюсере это side effect. Функция не может быть чистой, если в ней есть side effect.

[Yustas Alexu]

Если конкретнее это нарушение третьего принципа Redux https://redux.js.org/introduction/three-principles...

[Denioo]

Yustas Alexu, Ок, тоесть все сайд эффекты производить в компоненте допустим в собственном хуке? Тогда зачем мне редюсер при регистрации? Эти моменты не доконца понимаю, только вникаю в сам редакс.

[Yustas Alexu]

Denioo, не знаю зачем вам редюсер при регистрации, но вообще прендазначение редюсера простое, он должен принимать данные и на основе этих данных и предыдущего стейта возвращать новый стейт. Почему так сделано? Потому что Redux черпал идеи из Elm, функциональный язык программирования.

[Yustas Alexu]

Ок, тоесть все сайд эффекты производить в компоненте допустим в собственном хуке?

Сайдэффекты обычно делают в useEffect. Само название за себя говорит.

[Denioo]

Yustas Alexu, Ну да, просто я пишу свой хук, а уже в нутри него использую хуки реакта. Я это имел ввиду.

Answer 1

[hzzzzl]

2 arguments were expected, but 1 was received

скорее всего action.payload это объект, а createUserWithEmailAndPassword хочет вызываться как createUserWithEmailAndPassword(email, password)