The error Access to fetch at 'https://api.minaexplorer.com/accounts/B62qqCvKnFKM3jUbPL92fZseNYA2kVSaU694GJucFScJadnTXre3Exy' from origin 'http://localhost:3001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
#having cors error while fetching from client side
robust monolith
neon mirageBOT
ashen shell
Yeah you need to have 'use server' on top not 'use client'. But the problem for you here would be that you are using some sort of a crypto wallet which from my experience require 'use client'. So either you make a new file with 'use server' and export a function from there into that file or I think you can also just add 'use server' inside a function in the same file by writing it right under the function declaration above where the function code would go
robust monolith
Yeah you need to have 'use server' on top not 'use client'. But the problem for ...
ya crypto wallet will require me to use client are you suggesting me to use routes ? like make a server compoenent and then try to paste the request code and from my client side request the data ?
ashen shell
ya crypto wallet will require me to use client are you suggesting me to use rout...
No no just make a new file like request.tsx or something and write the request in a function in that file which you then import in the client component
And the function should just return the value
Like for example getAccountBalance.tsx
:ts 'use server' export const getAccountBalance = async(accounts) =>{ const apiUrl = `https://api.minaexplorer.com/accounts/${accounts}`; const response = await fetch(apiUrl, { method: 'GET', headers: { 'Content-Type': 'application/json', // Add any headers you need }, }); if(response.ok){ const data = await response.json(); return(data); } else{ console.log("Error"); } }
And then you just import it in the file you sent above like:
import getAccountBalance from getAccountBalance.tsx```haa got it , let me try it out
ashen shell
Keep me posted
robust monolith
Keep me posted
Sorry could not get back due to health reason's Getting this as an error
ashen shell
Sorry could not get back due to health reason's Getting this as an error
Yeah you either have to add the server component feature to the config or update next.js to v14
robust monolith
I can update
robust monolith
Yeah you either have to add the server component feature to the config or update...
add it to the config
I am checking the docs it isn't mentioned any place
robust monolith
Yeah you either have to add the server component feature to the config or update...
will go with adding the server component feature to the config
ashen shell
I am checking the docs it isn't mentioned any place
Probably because it isn't experimental in v14 anymore
robust monolith
yaa do you know what exactly I amsuppose ot add in the config
ashen shell
robust monolith
oh okay was this mentioned in the docs the link provided did not even mention this
ashen shell
oh okay was this mentioned in the docs the link provided did not even mention th...
It's probably not in the docs anymore because adding it to the config isn't required anymore in the new version
robust monolith
It's probably not in the docs anymore because adding it to the config isn't requ...
gotcha
I might have to see if I cna upgrade an existing next js project to 14
robust monolith
Just change the version in package.json to v14 and do `npm update`
there is a high possiblity my wallet might have issue
ashen shell
If the console says that when you updated just ignore it
robust monolith
If the console says that when you updated just ignore it
cool it works by the way thanks alot
ashen shell
No problem 👍
sand sequoia
If You want to upload image without extra traffic, You do it from client side - so there still should be solution to make requests from client without CORS problem.
