Questions tagged [react-loading-skeleton]
15 questions
4
votes
0 answers
How to show skeleton loading until image has rendered completely?
I'm using react-loading-skeleton and this is my code (simplified):
const [image, setImage] = useState("");
const { isLoading } = useQuery(
["getImage"],
async () => {
await axios.get(someurl).then(res => {
…
Shahriar
- 1,855
- 2
- 21
- 45
2
votes
2 answers
Adding skeleton effect to a table with sorting/pagination
I want to add Skeleton effect to a MUI table. The only requirement for the table is sorting and pagination features. I added loading hook and fake data fetching with 3 seconds delay in order to test, but it doesn't seem possible with…
nop
- 4,711
- 6
- 32
- 93
2
votes
1 answer
Chakra UI's Skeleton Component not working under Flexbox properties
I have applied flex property to the Box component and inside it, there are two flex children, a circle skeleton, and a Box containing two skeletons.
But it shows only the circle Skeleton component:
And when I remove flex properties from the parent…
Ibad Shaikh
- 2,704
- 3
- 15
- 27
1
vote
1 answer
skeleton is not showing
I'm trying to show Skeleton if the the component is loading, I installed react-loading-skeleton and it's working in others component, but it's in showing in this component, I want it to show until the component finish loading.
ShopPage.jsx Here…
sultan.h
- 331
- 1
- 4
- 16
1
vote
1 answer
React loading screen while fetch api
I fetch 5 API in difference Component.
I give both 5 API Timeout for 3000 milisecond, so how can i set loading screen for 5 component when the setTimeout are going and make the loading screen gone and return the data when setTimout is done.
The…
NewGuyHere
- 15
- 3
1
vote
1 answer
How to implement SkeletonLoader / WirefreameLoader that is external to the wrapped component?
Imagine we have a UserCard component:
function UserCard(props) {
const { avatarUrl, name, loading } = props
return (
grabantot
- 2,111
- 20
- 31
1
vote
1 answer
How to implement React-loading-skeleton properly?
I'm trying to implement react-loading-skeleton library in my project.
Code of skeleton component:
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'
import 'react-loading-skeleton/dist/skeleton.css'
const MySkeleton: FC = () => {
…
rgdzv
- 433
- 5
- 18
1
vote
1 answer
Type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got:
I have been trying to implement React skeleton and I have received this error message:
type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: . Did you accidentally export a JSX…
Miho F
- 45
- 3
0
votes
1 answer
react-skeleton-loader-pulse dependent on prismjs which is vulnerable
I want to audit fix my dependencies, I have following vulnerability.
prismjs <=1.26.0
Severity: high
Cross-Site Scripting in Prism - https://github.com/advisories/GHSA-wvhm-4hhf-97x9
prismjs Regular Expression Denial of Service vulnerability -…
usama arhamsoft
- 1
- 2
0
votes
0 answers
React Loading Skeleton
I'd like to implement React Loading Skeleton and I want the text to load after the state is loaded
Viewing time entries logged in the last 3 weeks
I tried this...
import React, {…
Oliveira
- 11
- 2
0
votes
0 answers
how to pass boolean as props
I'm trying to implement skeleton on my components, I'm using boolean to set if the components are loaded completely or not
Post.jsx (I guess here where the skeleton should show)
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton'
import…
sultan.h
- 331
- 1
- 4
- 16
0
votes
0 answers
Adding skeleton effect to form fields until props data is loaded
I'm passing JSON data pulled off a REST API via props to the component below. Since I don't pre-set a value to the "Pick a team" select field, it outputs the following warning:
MUI: You have provided an out-of-range value undefined for the select…
nop
- 4,711
- 6
- 32
- 93
0
votes
0 answers
Show loader until the content completely renders
Show Skeleton until the images are fully rendered
I am having a problem that i cannot fix and until now i am completely stuck.
I am redering a few images on a page in a React application using Redux. My problem is that while i am waiting for the…
Yves L
- 11
- 1
0
votes
1 answer
Why is react skeleton not rendering?
I have a component Recommended that makes a service call to firebase and renders the returned data. During the loading delay at the database call, I want to render a react skeleton, as follows:
Recommended.js
import { useState, useEffect } from…
Josh Simon
- 159
- 1
- 10
- 27
0
votes
1 answer
How to make a border-radius for Skeleton by react-loading-skeleton?
I need to create Skeleton using the react-loading-skeleton library. One item should have border radius like at the picture below.
Do you know how to make it?
My lib version:
"react-loading-skeleton": "1.2.0" (low possibility of upgrade)
I tried to…
karo-s
- 384
- 2
- 15