Images can't load coorect

Hello every one i am not good in englich so i hope you can’t understand me and maybe help me.
I am having problems with images in my project admin and also in site in mages are not load correctly. i sow a similar topic “Thumbmail/images not showing up” i hope so this problems has bin fix if yes how ??

this how its look like when i try to upload images:

Screenshot_2020-10-21 Page Builder - Edit page

thanks for your help.

Hi @Abdoul, welcome to our community! If you haven’t already, join our slack community for you’ll get direct communication with the community. Regarding the images that are not showing up, you should check on the File Manager Settings collection on the DB, as shown in the image below.

The "srcPrefix" URL, must match the API URL of your Webiny app, the https://HERE.cloudfront.net/files/

Thanks for your help as i can see the URL are different i have go the process u show but still the same problem i have try new project with same DB data when i deploy local Api’s every thinks is fine but soon us i deploy dev no data anymore and now i am getting this error back .

{“error”:{“name”:“Error”,“message”:“Server Side Rendering (SSR) error occurred:\nError: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\n at L (/var/task/renderer.js:30:3863)\n at t.useMemo (/var/task/renderer.js:30:5979)\n at xy (/var/task/renderer.js:124:656517)\n at i (/var/task/renderer.js:124:11040)\n at xe (/var/task/renderer.js:124:12058)\n at e.t.render (/var/task/renderer.js:124:14574)\n at e.t.read (/var/task/renderer.js:124:14150)\n at renderToStaticMarkup (/var/task/renderer.js:124:19844)\n at e (/var/task/renderer.js:124:87472)”,“stack”:“Error: Server Side Rendering (SSR) error occurred:\nError: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\n at L (/var/task/renderer.js:30:3863)\n at t.useMemo (/var/task/renderer.js:30:5979)\n at xy (/var/task/renderer.js:124:656517)\n at i (/var/task/renderer.js:124:11040)\n at xe (/var/task/renderer.js:124:12058)\n at e.t.render (/var/task/renderer.js:124:14574)\n at e.t.read (/var/task/renderer.js:124:14150)\n at renderToStaticMarkup (/var/task/renderer.js:124:19844)\n at e (/var/task/renderer.js:124:87472)\n at _default (/var/task/handler.js:5711:11)\n at process._tickCallback (internal/process/next_tick.js:68:7)”}}

i have try different solutions on the react side but still. Now i have join the Slack community must i open new issue there or you can directly answer there? usr: " abdoul aziz" .

Merci !