I wanted to implement recovery in my react native app, so first tried ory's sample app, having sign in , sign up , and recovery screens.
this is my kratos.yaml file
version: v0.13.0
dsn: memory
serve:
public:
base_url:
http://localhost:4433/
cors:
enabled: true
admin:
base_url:
http://kratos:4434/
selfservice:
default_browser_return_url:
http://localhost:4455/ui/welcome
allowed_return_urls:
-
http://localhost:4455
-
exp://localhost:8081/--/Callback
methods:
password:
enabled: true
flows:
error:
ui_url:
http://localhost:4455/ui/error
settings:
ui_url:
http://localhost:4455/ui/settings
privileged_session_max_age: 15m
recovery:
enabled: true
ui_url:
http://localhost:4455/ui/recovery
verification:
enabled: true
ui_url:
http://localhost:4455/ui/verification
after:
default_browser_return_url:
http://localhost:4455/ui/welcome
logout:
after:
default_browser_return_url:
http://localhost:4455/ui/login
login:
ui_url:
http://localhost:4455/ui/login
registration:
ui_url:
http://localhost:4455/ui/registration
after:
password:
hooks:
-
hook: session
log:
level: info
format: text
secrets:
cookie:
- PLEASE-CHANGE-ME-I-AM-VERY-INSECURE
hashers:
algorithm: bcrypt
bcrypt:
cost: 8
identity:
default_schema_id:
preset://email
schemas:
- id:
preset://email
url: file:///etc/config/kratos/identity.schema.json
courier:
smtp:
connection_uri:
smtp://3.109.207.161:2525/?skip_ssl_verify=true
----------------------------------------------------------------------------------------------
When i tried the recovery, and submitted the otp , i got this message in my cmd
The server responded with a 422 error, which indicates that to complete this action, the user needs to fulfil additional steps. {
"error": {
"id": "browser_location_change_required",
"code": 422,
"status": "Unprocessable Entity",
"reason": "In order to complete this flow please redirect the browser to:
http://localhost:4455/ui/settings?flow=1f1a70f0-fd8c-4113-b438-e0fae6662023",
"message": "browser location change required"
},
"redirect_browser_to": "
http://localhost:4455/ui/settings?flow=1f1a70f0-fd8c-4113-b438-e0fae6662023"
}
---------------------------------------------------------------------------------------
Then , afterwards when i tried to click on the link i got this error
TypeError: Converting circular structure to JSON
--> starting at object with constructor 'ClientRequest'
| property 'socket' -> object with constructor 'Socket'
--- property '_httpMessage' closes the circle
at JSON.stringify (<anonymous>)
at UserErrorCard$1 (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
10436900)
at _t (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1693633)
at Nl (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1694508)
at Ha (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1697515)
at Wa (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1699191)
at Rr (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1698960)
at Ro (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1697183)
at Ha (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1697943)
at Wa (/usr/src/app/node_modules/@ory/elements-markup/dist/index.umd.js
1699191)
----------------------------------------------------------------------