search

davidhu2000 / react-spinners

A collection of loading spinner components for react
https://www.davidhu.io/react-spinners
MIT License
3.12k stars 269 forks source link

Prop `style` did not match #531

Closed liby closed 2 years ago

liby commented 2 years ago

Package Version 0.13.3

Describe the bug

When used with Next.js, the console sees the following error:

Warning: Prop style did not match. Server: "position:absolute;top:50%;left:50%;display:block;width:10px;height:10px;border-radius:5px;transform:translate(-50%, -50%);animation-fill-mode:none;animation:react-spinners-HashLoader-before 2s infinite" Client: "position:absolute;content:;top:50%;left:50%;display:block;width:10px;height:10px;border-radius:5px;transform:translate(-50%, -50%);animation-fill-mode:none;animation:react-spinners-HashLoader-before 2s infinite"

To Reproduce

  1. Clone this repo
  2. git switch feature/show-loading-state
  3. pnpm install
  4. pnpm dev

Expected behavior

No error.

Screenshots

image

Additional context

n/a

davidhu2000 commented 2 years ago

@liby can you try 0.13.4 and see if the issue is fixed?

liby commented 2 years ago

It works. Thanks.