indigo | A HTTP-based JSON-oriented hierarchical key/value storage | JSON Processing library

I am using "react-router": "^6.0.0-beta.0" and in my Activate.js file I keep getting error on Chrome as below

TypeError: Cannot read property 'params' of undefined

This is my code sample for my Activate.js and I was using a functional component with react hooks now how this code is working is that when an email is sent to you when you Register and the email activation link is clicked it will redirect you to a button that is clicked so as for the account to be Activated and this is where exactly I get the "Cannot Read property 'params' of undefined" The Code below is exactly where am getting the Error.

Hope you are doing well.

I'm using spatie's permission package to manage my user's role and permissions.

I have 4 roles

1. Admin
2. Super Distributor
3. Distributor
4. Retailer

in my user creation from i fetched all roles using Spatie\Permission\Models\Role role model... and foreach looped to generate select values but the twist comes here. Admin can create every type of user but super distributor can only create distributor and retailer, distributor can only create retailer. how to i generate options accordingly user roles?

Currently i wrote this code and its not working at all

When I render the following table as HTML, I get expected row grouping:

I am trying to write code for folder tabs

what I am trying to archive is that when each folder tab is clicked, it should be shown the top most of other tabs while the others are positioned behind it.

I tried to work with z-index:-1 for all tabs yet the clicked tab gain z-index:3 but it doesn't work.

One strange thing is that when I remove the line of z-index : -1; in label style which will make the default z-index of the label to be auto (z-index : auto;) it works. My question is that why z-index: -1 doesn't work while z-index:auto works for label style?

I am using the tailwind CSS footer in my NextJS project. I am displaying fetched data. The footer is floating only when there are less data. I created a footer file in my pages and imported it into my _app.js file. I tried the absolute and fixed position. But it is not working. How do I keep my footer to the bottom?

i create the below posted color enumeration in a separate file of .ts extension. i would like to know how to use or to call the enumeration in the for-loop in the posted code in such way that to be able to iterate throw it. in other words, how to iterate through the enumeration posted below in a loop so that for ì = 0 RED is set and when i=7 LIMEis set.

the double question mart, as apparent, is to be replaced be the iteration through the enumeration.

code:

really struggling to find the error where i missed. I am using Laravel (v8), Vue (v2) and Stripe(v3) for my e-commerce web-app. I implemented stripe in TEST mode successfully and it was working perfectly fine. And when I switched for live mode I am getting the following error: No such PaymentMethod: 'pm_1Yyl5xC4bpPAffpGV2p0ZL12'.

Front and backend scripts are as shown below.

I've found a really cool tag input code with alpine js and tailwind css. It works just fine, but when I try to send it with my form, I always get the last tag only. I'd like to push them into an array and send along with the other elements in the form, but I don't know how to do that. Here's the working example of the tag input I use: https://codepen.io/atomgiant/pen/QWjWgKz

This is the html part:

I created an Angular project using the CLI. I'm using SCSS, and I included Angular Material with a custom theme iirc. I added a couple dummy components, and the app still built fine. Then I needed to style my components using Angular Material. In order to do so, I added @use '~@angular/material' as mat; to the first line of my style.scss file. Once I did this, the app will no longer build. It always throws the following error: