Help making external API request from server actions is throwing an Error.

Unanswered

Satin Angora posted this in #help-forum

Satin AngoraOP

2024-01-20T16:40:40.000Z

I'm trying to make an api request to https://dummyjson.com/products in server action then later call the action in a client component but it keeps on giving the error . I have attached code snaps and the error image, please help. Thanks.

23 Replies

@Satin Angora I'm trying to make an api request to https://dummyjson.com/products in server action then later call the action in a client component but it keeps on giving the error . I have attached code snaps and the error image, please help. Thanks.

Ray

2024-01-20T16:43:12.000Z

are you able to open https://dummyjson.com/products with your browser?

Satin AngoraOP

2024-01-20T16:59:17.000Z

Yes I can

@Satin Angora Yes I can

Ray

2024-01-20T17:00:09.000Z

are you on windows/mac/wsl?

Satin AngoraOP

2024-01-20T17:00:31.000Z

I'm on ubuntu

Ray

2024-01-20T17:01:16.000Z

try curl https://jsonplaceholder.typicode.com/posts in the terminal

Satin AngoraOP

2024-01-20T17:01:32.000Z

sure

It does fetch data

Ray

2024-01-20T17:05:19.000Z

try to remove 'use server', you don't need server action for fetching data in the server component

and could you try curl https://jsonplaceholder.typicode.com/posts in the terminal of vscode

Satin AngoraOP

2024-01-20T17:14:24.000Z

My intention is to use server actions in client component. Attached is the updated component. So when I remove the 'use server', it works but on the client side. 'use client'

@Satin Angora My intention is to use server actions in client component. Attached is the updated component. So when I remove the 'use server', it works but on the client side. 'use client'

Ray

2024-01-20T17:15:32.000Z

does it work in client component?

usually, it works with 'use server' but I have no idea why you get fetch error

Nelson

2024-01-20T17:21:10.000Z

I tested your code. There is no error.

Satin AngoraOP

2024-01-20T17:53:15.000Z

Apparently it turns out that even trying to make an API request from next route handler using GET, it throws the same error. I have no idea what the issue is .

@Satin Angora Apparently it turns out that even trying to make an API request from next route handler using GET, it throws the same error. I have no idea what the issue is .

Ray

2024-01-20T17:57:26.000Z

could you try this url https://jsonplaceholder.typicode.com/posts

Satin AngoraOP

2024-01-20T17:58:01.000Z

Let me try it

@Ray could you try this url `https://jsonplaceholder.typicode.com/posts`

Satin AngoraOP

2024-01-20T18:04:00.000Z

Imagine it worked well with this URL , seemingly I have been troubleshooting the https://dummyjson.com/products api issue ðŸ˜”

Thanks for your help.

@Nelson I tested your code. There is no error.

Satin AngoraOP

2024-01-21T08:16:43.000Z

Do you have any configurations set? Because I'm curious why it did work for you. It works with Jsonplaceholder API but fails with other APIs.

Nelson

2024-01-21T08:18:22.000Z

@Satin Angora No. I don't do anything extra. I just copied the code from your image. And paste it into my app that was created with pnpm create next-app.

@Nelson <@1157038449686220952> No. I don't do anything extra. I just copied the code from your image. And paste it into my app that was created with `pnpm create next-app`.

Satin AngoraOP

2024-01-21T08:21:02.000Z

Maybe I have to use a different machine and create a new project to find out if it could be my PC but wait is that even making sense

Nelson

2024-01-21T08:22:25.000Z

I don't know. This is a weird bug.