Skip to main content
Filter by
Sorted by
Tagged with
-1 votes
0 answers
8 views

How to fire off multiple actions in Remix?

My use case is a command bar for a chat app. A single command might need to call several actions. A pseudo code for what I am doing today is something like this... const fetcher = useFetcher(); ...
Frank Fiegel's user avatar
-3 votes
3 answers
61 views

Why I have twice headers and footers in my React app?

This is my very simple React app. I have no idea why it show me 2 copies of header and footer. All components of the page renders in the first <body> once more: <html lang="en"> ...
Anna Andreevna's user avatar
-2 votes
0 answers
15 views

Cannot find module '.prisma/client/default' [closed]

Cannot find module '.prisma/client/default' Require stack: /home/andrewlinux/newplatform3/platform/node_modules/.pnpm/@[email protected][email protected]/node_modules/@prisma/client/default.js i can'...
Andrew Moheb's user avatar
-1 votes
1 answer
13 views

missing createRequest on Remix value not defined

I try to do a simple login from Remix. I inspire myself from https://remix.run/docs/en/main/discussion/pending-ui. I want to do a simple login system just to try without no database, but when I launch ...
user2626210's user avatar
1 vote
2 answers
64 views

nodejs_compat is not working on Cloudflare Pages

I deploy Remix to Cloudflare Pages with Remix official Cloudflare template. All went well until I added jsonwebtoken package. It shows Could not resolve "crypto" as well as "stream"...
Gabriel JC's user avatar
-1 votes
0 answers
18 views

Getting user data with Kinde auth in Remix [closed]

I am using Kinde for authentication in my remix app. import { handleAuth, getKindeSession } from '@kinde-oss/kinde-remix-sdk' import { LoaderFunctionArgs } from '@remix-run/node' export async ...
Santi's user avatar
  • 414
0 votes
0 answers
20 views

Supabase onAuthStateChange keeps triggering (remix)

I was following a tutorial on setting up Supabase auth with Remix, and while I followed the code step by step, I noticed my component is re-rendering in an infinite loop if I use the following: const [...
NemoPS's user avatar
  • 409
-1 votes
0 answers
32 views

How to obtain the new access token from an app after reinstalling that app in the same shopify store?

I am developing a shopify sales channel app using remix template. it works fine when we install it on a store. but once it is uninstalled and reinstalled on the same store, the app always obtains the ...
Imash Eshan's user avatar
0 votes
0 answers
64 views

Problem with Remix nested routes when hosted on Vercel (“Route X does not match URL Y”)

I have a Remix app with nested routes. These are my route files: app/routes/_in.$team.write-texts.tsx (navigation used in both files below) app/routes/_in.$team.write-texts.files.tsx app/routes/_in.$...
Tom Söderlund's user avatar
-3 votes
0 answers
70 views

How to pass route params to useRouteLoaderData in Remix?

In the example given in the docs you can request loader data from a route like "routes/teams.$id". How would I pass in route parameters (e.g. {id: "abc"})?
danwoods's user avatar
  • 4,811
-2 votes
2 answers
40 views

Can not be able to write any javascript in react-remix [closed]

i am very new to React and Remix. I wrote my command like % npx create-remix@latest but i was expecting that it is gonna ask me that i want typescript or javascript. But it never asks. I just know ...
burhan's user avatar
  • 1
0 votes
1 answer
51 views

Cloudflare Pages Local Development returns Not Found when using Remix and Turborepo

I'm migrating an app from a Remix + Cloudflare single app to a Remix monorepo using Turborepo and Cloudflare. But Wrangler isn't picking up the built remix app. It's returning me 404 on all of my ...
Jose A's user avatar
  • 10.9k
0 votes
0 answers
50 views

I'm getting an error when running tests with jest and remix

I'm getting an error when running tests with jest and remix I'm trying to set up a project using remix and I took the test I saw in the doc as an example to test in the project and I'm getting an ...
carvalhothiago's user avatar
1 vote
1 answer
40 views

Remix development tools throwing import error even though the imported package exists

I am getting the error below when I try to run my Remix application. This error comes from remix dev tools. I checked both file paths specified in the error, and they both exist and should work. ...
Dante Clarenson's user avatar
0 votes
1 answer
39 views

How can I make Instagram Basic API authentication work in a Shopify embedded app (Remix Template)?

I am developing a Shopify (Remix) app that uses Instagram Basic API to fetch Reels from user's account. The user is prompted to log in by Instagram to get the access token. After the user logs in, ...
Ashar's user avatar
  • 774
-1 votes
1 answer
36 views

returning json with multiple object arrays in remix loader function

This is a remix project using Printful and Cloudinary API. I am having trouble figuring out how to get both objects to return correctly. In the loader function, I am returning a JSON for product info ...
Miles Donald's user avatar
-1 votes
1 answer
47 views

Why does returning plain object from a loader in Remix work?

When using loaders in Remix, one should -- according to the documentation -- return a response object: export async function loader() { const users = await db.users.findMany(); const body = JSON....
Jonas's user avatar
  • 13
0 votes
1 answer
67 views

Error Ruby with Remix Integration with Error coming from `bundle install`

I hope you are doing well. I am using Remix Shopify implementation with App Extension. After I made the app extension which is working well. But when I run Shopify app dev with trycloudflare tunnel it ...
Leaderfrank's user avatar
-1 votes
1 answer
38 views

upload an image to select folder in cloudinary from remix project

Using the docs I'm able to fetch images from Cloudinary to display on the remix website but I am running into 500 (internal server error) when trying to upload an image to the Cloudinary folder. Here ...
Miles Donald's user avatar
2 votes
1 answer
59 views

Hydration Error with Remix and i18next: "Hydration failed because the initial UI does not match what was rendered on the server"

I am working on a project that uses Remix with Shopify integration and have faced a hydration error when using useTranslation from react-i18next. The default language works fine, but specifying a ...
mixalbl4's user avatar
  • 3,867
-1 votes
1 answer
43 views

How to use deferred data incapsulated in the component?

I have simple component (not page, it is separate self-sufficient component) which can be used for both authenticated and anonymous users. Products loading for some time (actually it loads ...
Alex G.P.'s user avatar
  • 9,930
0 votes
0 answers
84 views

Remix , Vite .Import error Unexpected token 'export'

I get this error [vite] Internal server error: [vite] Named export 'findIndex' not found. The requested module 'lodash' is a CommonJS module I tried all I see online and cannot solve this issue. This ...
Leonel Matias Domingos's user avatar
-2 votes
2 answers
55 views

How can I create folders in a React Remix application for organizational purposes only

How can I create a folder within the /app/routes directory in a React Remi* application purely for organizational purposes? For example, if I have 30 files that I want to organize into different ...
JustCool's user avatar
0 votes
0 answers
117 views

"Remix Vite - Module Federation Microfrontend" failed to expose and fetch (remote, host)

I'm trying to implement Module Federation with Remix.run and Vite. I've tried with React vanilla using the same method and works flawlessly but failed when I tried to use it with Remix.run latest (...
A-SM's user avatar
  • 884
-1 votes
1 answer
248 views

Issue when submitting form with Remix + shadcn/ui + react-hook-form

OBS: I decided to open a answered question here because I have seen so many posts in Reddit and Github about submitting a form with shadcnui/react-hook-form in a Remix app. I had an issue building a ...
valdinei's user avatar
0 votes
0 answers
75 views

How to define base url for Remix application?

I create simple SPA Remix application: npx create-remix@latest --template remix-run/remix/templates/spa then run: npx remix vite:dev dev server works ok: ➜ Local: http://localhost:5173 though when ...
Oleksii Pylypchuk's user avatar
0 votes
0 answers
39 views

Error [ERR_REQUIRE_ESM]: require() of ES Module not supported when using mdxeditor and several React components

I am building a remix-run application wherein I want to use a react markdown editor component, such as mdx-editor in a one of my routes. When I insert this editor in my application <MDXEditor ...
whatdoisay's user avatar
0 votes
0 answers
121 views

"Remix vite: build" not found while building docker

I'm new to Docker and Remix and having problems figuring out how to deploy Remix on Docker. When I build the Docker it stops at RUN npm run build and gives this error > build > remix vite:build ...
LucaIlari's user avatar
0 votes
1 answer
96 views

remix react route config error - You must provide a non-empty routes array to createStaticHandler

I have made some changes to migrate a project to remix vite. I was running in some challenges related to route configuration under vite.config.ts. a few challenges I encountered were couldnt find a ...
Ahmed's user avatar
  • 3,203
-2 votes
1 answer
78 views

Custom Payment Gateway in Shopify like razorpay

I want to create Custom Payment Gateway in Shopify like razorpay. I have knowlage about remix, react, typescript and node js. Refrence:- https://github.com/RoopkamalDhindsa/shopify-extensibility-...
Ketul Patel's user avatar
0 votes
0 answers
20 views

Server loader state renders briefly, even with clientLoader.hydrate set to true

I have followed the guide for Client Data in the Remix Docs to implement client-side filtering for a list of products. However, even though I have set clientLoader.hydrate to true, the site renders ...
Jonathan Tuzman's user avatar
0 votes
0 answers
46 views

Remix - Parent loader throwing 500 and nested loader returning a redirect

Today I bumped into an unexpected behaviour from Remix and I'd like to understand if I'm missing something. I have a loader in routes/main/loader.ts and another loader in routes/main._index/loader.ts. ...
se7entyse7en's user avatar
  • 4,274
0 votes
0 answers
41 views

Why is my scss module file is removed after hmr in remix application after changing tsx file?

I'm new to remix and I'm trying to get css modules working, it looks like the css is removed from the html after a hot reload I seem to have a pretty basic setup for my application and at the initial ...
Denny's user avatar
  • 1,783
1 vote
1 answer
116 views

Folder routes cannot be found in remix

I have a following route folder structure in my remix project - routes/ - example/ - index.tsx - add.tsx - edit.$id.tsx - delete.$id.tsx I am able to see index.tsx in the browser. But when I ...
Ahmed's user avatar
  • 3,203
1 vote
1 answer
161 views

Remix load route within route, like a reusable component

I am quite new to Remix and probably do not have the whole concept grasped correctly. What I am trying to achieve is the following: I want an endpoint which be displayed on /apicheck, this needs to ...
czioutas's user avatar
  • 1,068
2 votes
2 answers
1k views

How to pass a JsonifyObject<T> returned from Remix's useLoaderData<typeof loader> to a function

From the Remix 2.9.2 route code below, I get the TypeScript error... Argument of type 'JsonifyObject<IdAndDate>' is not assignable to parameter of type 'IdAndDate'. ...and I can't figure out ...
rickjoi's user avatar
  • 43
0 votes
0 answers
21 views

React-cosmos with remix-js framework

Do any one knows how to make react cosmos render tailwind styles in remix js framework ? if yes give me steps please i am trying to render react components in remix js framework and and i have ...
Andrew Moheb's user avatar
0 votes
1 answer
103 views

Remix run: Authentication succeeds on validation failures

I am trying to validate the login information. If the login fields are empty or have wrong information, I should be able to return the user back to login with an error displayed beneath fields. ...
Ahmed's user avatar
  • 3,203
0 votes
0 answers
26 views

CSRF token for Mayan EDMS REST API using Axios

we installed Mayan EDMS via docker compose to use it for a variety of files in our Remix webapp. At the moment the problem is that we cant get the authentication token via post request (or, we can't ...
zabze's user avatar
  • 36
0 votes
0 answers
39 views

How to Deploy Remix apps with Nx monorepo (2 app in 1 repo)

I am having some problem with deployment technique our old team member is using, the deployment to EC2 with docker is not going well, and we are facing a total dead end! are there any other way to ...
Dazai Osamu's user avatar
2 votes
1 answer
116 views

Problem creating dynamic routes in Remix with the folder convention

I was reading the docs and found this Scaling Our general recommendation for scale is to make every route a folder and put the modules used exclusively by that route in the folder, then put the ...
mouchin777's user avatar
  • 1,568
0 votes
1 answer
118 views

Hydration failed because the initial UI does not match what was rendered on the server - after implementing Remix i18n translation

I've implemented translation in my Remix app using the Remix i18n package. So far, everything works fine when I have a parent component that loads translations from a specific namespace. However, I'm ...
Wakil Ahmed's user avatar
  • 1,273
-1 votes
1 answer
56 views

How can I pass the id when clicking on the Delete button

I'm new and looking for a way to include dynamic id in the examples in the tutorial here. Because all REST Admin API queries require a valid Shopify access token, all example must use inside headers, ...
ttn_'s user avatar
  • 346
0 votes
0 answers
368 views

Setting up Resend and React Email in a Remix project. Error - Dynamic require of ‘stream’ is not supported

I'm having trouble finding much info on setting up React Email and Resend in Remix. I want to set up a forgot password page that sends the user a token to their email. Code from my forgot password ...
Miles Donald's user avatar
0 votes
0 answers
193 views

Bundle size extreme large, treeshaking not working for tabler icons when build

I have project(called A) built with remix/vite, and it include my other library(called B) built based on storybook and vite. Both A and B have installed @tabler/icons-react as dev dependency. When I ...
Nradar's user avatar
  • 1
0 votes
1 answer
130 views

Getting "Expression Expected" when trying to run a test using CreateRemixStub and Vitest

Whenever I run the test executing "npx vitest", I get: My app is a Shopify Hydrogen v2 running in top of Remix Run. I want to implement a test for the AddToFavoritesButton component in ...
Jose Miguel Vega Lopez's user avatar
1 vote
1 answer
193 views

Loading More Data in React Remix using Fetcher

I have a list of products that needs to be displayed on page load and/or after adding it in a form. Also the list has a "load more" button that can fetch more data when clicked. What's the ...
Joseph's user avatar
  • 7,695
1 vote
1 answer
69 views

Remix-Run V2: Is it possible to make the root route ('/') automatically resolve to a dynamic route?

Remix-run/react: @2.9.2 Whenever a user visits my web page, such as "https://domainname.com", I would like it to automatically resolve to "https://domainname.com/shop/all" I have a ...
Brickboy1213's user avatar
0 votes
1 answer
234 views

Is there a carousel that works in react-remix?

I've been struggling trying to find a carousel that works with react-remix. I've tried embla, swiper, React Slick, React Alice Carousel, etc. Maybe I'm doing it wrong, but I either can't figure out ...
Ilinca Hirtopanu's user avatar
0 votes
1 answer
155 views

Remix layouts across multiple pages

I am trying to create a layout for a dashboard that will always have the same sidebar and header. The only thing that should change on every page of the dashboard is the main content area. routes/...
user10980228's user avatar

1
2 3 4 5
12