556
questions
-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();
...
-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">
...
-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'...
-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 ...
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"...
-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 ...
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 [...
-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 ...
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.$...
-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"})?
-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 ...
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 ...
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 ...
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.
...
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, ...
-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 ...
-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....
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 ...
-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 ...
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 ...
-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 ...
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 ...
-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 ...
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 (...
-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 ...
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 ...
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 ...
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
...
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 ...
-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-...
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 ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
-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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...