aws-amplify / amplify-studio

AWS Amplify Studio (Formerly Admin UI)
136 stars 31 forks source link

Error when switching to content tab #351

Closed Lorenzohidalgo closed 2 years ago

Lorenzohidalgo commented 3 years ago

Before opening, please confirm:

App Id

ddhhh5znoq37b

Region

eu-central-1

Environment name

prod

Amplify CLI Version

No response

If applicable, what version of Node.js are you using?

No response

What operating system are you using?

Windows 10

Browser type?

Google Chrome

Describe the bug

Switching from another section to the ´Content´ section will log the following error on the console and display a blank page.

455.ac9c9d44.chunk.js:2 RangeError: Maximum call stack size exceeded
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
es @ 455.ac9c9d44.chunk.js:2
r.callback @ 455.ac9c9d44.chunk.js:2
pa @ 455.ac9c9d44.chunk.js:2
as @ 455.ac9c9d44.chunk.js:2
du @ 455.ac9c9d44.chunk.js:2
t.unstable_runWithPriority @ 455.ac9c9d44.chunk.js:2
ji @ 455.ac9c9d44.chunk.js:2
mu @ 455.ac9c9d44.chunk.js:2
Xs @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
t.unstable_runWithPriority @ 455.ac9c9d44.chunk.js:2
ji @ 455.ac9c9d44.chunk.js:2
Wi @ 455.ac9c9d44.chunk.js:2
Hi @ 455.ac9c9d44.chunk.js:2
eu @ 455.ac9c9d44.chunk.js:2
notify @ 455.ac9c9d44.chunk.js:2
t.notifyNestedSubs @ 455.ac9c9d44.chunk.js:2
t.handleChangeWrapper @ 455.ac9c9d44.chunk.js:2
g @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
dispatch @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
d @ 455.ac9c9d44.chunk.js:2
b @ 455.ac9c9d44.chunk.js:2
y @ 455.ac9c9d44.chunk.js:2
D.<computed> @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
f @ 455.ac9c9d44.chunk.js:2
y @ 455.ac9c9d44.chunk.js:2
u @ 455.ac9c9d44.chunk.js:2
Promise.then (async)
R @ 455.ac9c9d44.chunk.js:2
D.<computed> @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
f @ 455.ac9c9d44.chunk.js:2
y @ 455.ac9c9d44.chunk.js:2
V @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
f @ 455.ac9c9d44.chunk.js:2
D.<computed> @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
f @ 455.ac9c9d44.chunk.js:2
y @ 455.ac9c9d44.chunk.js:2
u @ 455.ac9c9d44.chunk.js:2
D.<computed> @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
f @ 455.ac9c9d44.chunk.js:2
y @ 455.ac9c9d44.chunk.js:2
u @ 455.ac9c9d44.chunk.js:2
c @ 455.ac9c9d44.chunk.js:2
e.put @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
d @ 455.ac9c9d44.chunk.js:2
b @ 455.ac9c9d44.chunk.js:2
y @ 455.ac9c9d44.chunk.js:2
e.put @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
getBackendAPI @ main.50092109.chunk.js:1
n.handleModelRefresh @ main.50092109.chunk.js:1
value @ main.50092109.chunk.js:1
as @ 455.ac9c9d44.chunk.js:2
du @ 455.ac9c9d44.chunk.js:2
t.unstable_runWithPriority @ 455.ac9c9d44.chunk.js:2
ji @ 455.ac9c9d44.chunk.js:2
mu @ 455.ac9c9d44.chunk.js:2
Xs @ 455.ac9c9d44.chunk.js:2
(anonymous) @ 455.ac9c9d44.chunk.js:2
t.unstable_runWithPriority @ 455.ac9c9d44.chunk.js:2
ji @ 455.ac9c9d44.chunk.js:2
Wi @ 455.ac9c9d44.chunk.js:2
Hi @ 455.ac9c9d44.chunk.js:2
M @ 455.ac9c9d44.chunk.js:2
Qt @ 455.ac9c9d44.chunk.js:2
Show 42 more frames
main.50092109.chunk.js:1 RangeError: Maximum call stack size exceeded
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)
    at e (455.ac9c9d44.chunk.js:2)
    at e.exports (455.ac9c9d44.chunk.js:2)

Reloading the page does "solve" the problem.

Expected behavior

You should be able to switch between sections without the need of refreshing the page.

Reproduction steps

  1. Open Admin UI
  2. Switch to another section (For Example User Management, any section will do)
  3. Switch to Content section
  4. Blank page will be displayed.

Additional information

No response

abhi7cr commented 3 years ago

Hi @Lorenzohidalgo , thanks for reporting. I was unable to repro the error with the below test schema:

type A @model @auth(rules: [{allow: private, provider: iam}]) {
  id: ID!
  B: B @connection
}

type B @model @auth(rules: [{allow: public}]) {
  id: ID!
  customId: ID
}

I am wondering if the schema you have is making the code hit an edge case. Did you make any changes to the schema recently? Also, would you be able to share a similar version of your schema, so I can try reproducing?

Lorenzohidalgo commented 3 years ago

@abhi7cr if you share an email address with me I'll forward you the full schema for you to review

abhi7cr commented 3 years ago

@Lorenzohidalgo You can email us at [REDACTED] .

Lorenzohidalgo commented 3 years ago

Done @abhi7cr , I've forwarded the schema to the provided email adress.

frostini commented 3 years ago

Hi @abhi7cr , I might be having a similar or related issue as well. The content tab/page doesn't seem to be able to load. It started happening after I amplify push a local graphql schema update. The deployment was successful and the graphQL API is running properly. It seems to be the actual AdminUI content panel that is the hangup. APP ID d28fjxzg98ng4f. Would appreciate any further insight to help resolve this, thanks!

Screen Shot 2021-10-29 at 2 45 21 PM
santaes commented 3 years ago

Hi @abhi7cr , I might be having a similar or related issue as well. The content tab/page doesn't seem to be able to load. It started happening after I amplify push a local graphql schema update. The deployment was successful and the graphQL API is running properly. It seems to be the actual AdminUI content panel that is the hangup. APP ID d28fjxzg98ng4f. Would appreciate any further insight to help resolve this, thanks!

Screen Shot 2021-10-29 at 2 45 21 PM

Have the same issue! Someone please help!

abhi7cr commented 3 years ago

Hi @frostini, @santaes, thanks for reporting. We are actively working on surfacing the errors in the UI. Meanwhile, could you check your browser console logs for any warnings/errors after you load this page ?

santaes commented 3 years ago

After double checking found an error in schema, after updating a schema it works correct!) Thanks!

frostini commented 3 years ago

@abhi7cr, thanks for looking into it. much appreciated !

btw the content panel started working automagically again, not particularly sure if AWS fixed it on the backend or if it was fixed indirectly by a different amplify push.

ninogjoni commented 3 years ago

I also got a similar error message after model deployment. image image

tihii8898 commented 3 years ago

image Help me, please. I have this trouble for 3 days. My app id is: d2y2ximd9p0gam. I had tried wifi,4g,... but the result still be that screen. And API don't change anything when i change on my project. But i can query data and project still be fine. Thanks for help

jwoods02 commented 3 years ago

image Help me, please. I have this trouble for 3 days. My app id is: d2y2ximd9p0gam. I had tried wifi,4g,... but the result still be that screen. And API don't change anything when i change on my project. But i can query data and project still be fine. Thanks for help

Getting same issue after I pushed my API today with similar logs (no obvious errors) image

k-curt commented 3 years ago

Hi @abhi7cr , I might be having a similar or related issue as well. The content tab/page doesn't seem to be able to load. It started happening after I amplify push a local graphql schema update. The deployment was successful and the graphQL API is running properly. It seems to be the actual AdminUI content panel that is the hangup. APP ID d28fjxzg98ng4f. Would appreciate any further insight to help resolve this, thanks!

Screen Shot 2021-10-29 at 2 45 21 PM

Have the same issue! Someone please help!

Same thing just happened to me. Made a change to the schema.graphl, pushed and now I can't access Content or Data tabs. It also deleted all of my tables I created using amplify. I checked Dynamodb and sure enough the tables have been deleted.

Lorenzohidalgo commented 2 years ago

It looks like the latest version of AdminUI solves this issue, I've not done any changes to my schema and I'm now able to switch between tabs without any errors.