Style or Css Missing on Reload

[MarkGersaliaPH]

Good day, Im using react and Inertia for my app..

react-form-stepper seems losing its style when the inertia reloads.

This is the screen shot before..

This is what happens, after.

do you have any Idea?

Thank you in advance.

Regards

[willpiam]

I have the same issue

[kalaivanysupramany794]

I'm also facing the same issue..did you find solution?TIA

[MarkGersaliaPH]

I didn't fix it, as I remember I just used manual css

[jlfabi]

I am having the same issue

[guilherme-oliveira-trybe]

for me resolved when i used this (in the docs):

Using with SSR
When developing an SSR application with a framework like Next.js you might face your console being polluted with the following message Warning: [JSS] Rule is not linked. Missing sheet option "link: true". caused by the underlying dependency react-jss. A workaround is to use the dynamic import module like in the example below.

example:

//StepperProgress.tsx

import { Stepper } from 'react-form-stepper'
import { StepperProps } from 'react-form-stepper/dist/components/Stepper/StepperTypes'

const StepperProgress = ({ steps, activeStep, ...props }: StepperProps) => {
  return <Stepper steps={steps} activeStep={activeStep} {...props} />
}

export default StepperProgress

//index.ts

import dynamic from 'next/dynamic'

export const StepperComponent = dynamic(() => import('./StepperProgress'), {
  ssr: false,
})

[happymango7]

Same issue for me, any workaround??