All Questions
4,305
questions
0
votes
0
answers
27
views
Change site name [duplicate]
I can’t change the site name, I tried adding a tag
<meta property="og:site_name" content="sitename">
tried schema.org
<head>
<script type="...
-1
votes
0
answers
18
views
What's the difference between component as prop or rendered component as prop (see examples below)
Let's say I have a conponent name Child:
const Child =(props) => <div {...props}/>
and a parent component Parent, getting this component as prop named ComponentProp. What is the difference ...
0
votes
1
answer
37
views
NextJS App Router: How to access child component properties in layout?
To make use of the layout feature in the NextJS's App Router, I want to dynamically update the page title (<h1> tag, not metadata like <title>) on the layout depends on what the page ...
0
votes
1
answer
28
views
React app 'Encountered two children with the same key, `thumb-undefined`'
I'm trying to create a time slider in my react app and I can't beat this error below that keeps showing up in my browser console.
bundle.js:21658 Warning: Encountered two children with the same key, `...
0
votes
1
answer
54
views
Showing intersection of a plane in a 3d shape with Three.js
I tried to animate with Three.js to show the intersection plane on a 3d object. In this example, I have used a cone as an example for the 3d object in the following code:
import React, { useRef, ...
0
votes
1
answer
35
views
Using an external function to fetch data in NextJS
I'm trying to limit repeated code by moving the code that fetches data to an external file.
The fetchUserInfo I'm using uses the useEffect, useState hooks and as such needs to be a "use client&...
0
votes
2
answers
32
views
React - component content not pulling through
I'll admit I'm relatively new to React but I'm simply trying to pull through content from a Child component to the parent App component but it's not pulling in the content and I can't figure out why.
...
0
votes
0
answers
15
views
Styling block diagrams in the react-simple-flowchart library
Good day. When developing the project, I faced the task of creating a diagram, for this the react-simple-flowchart library was used. Now the task is to stylize the elements of the block, that is, you ...
0
votes
1
answer
33
views
Custom typography theme not able to override the default typography in MUI in Next js
I'm using Material-UI (MUI) with a custom theme in my Next.js React project. While colors from the theme are applied correctly, I'm unable to change the default font sizes of H2 and H5 elements. I've ...
-2
votes
0
answers
20
views
disable highlights in Typescript file?
When I click on className values and it highlights entire text in Vs Code. I tried disable all highlight settings in Vs Code but couldnt find any solutions. I want to disable Hightlights in typescript ...
0
votes
0
answers
13
views
How to restrict Emmet suggestions to only JSX code in `javascriptreact` files in VS Code?
I'm using Visual Studio Code for React development and I want Emmet suggestions to appear only when I'm writing JSX code, not regular JavaScript, in javascriptreact files (.js, .ts, .jsx or .tsx).
...
1
vote
2
answers
48
views
How to Minimize Code Duplication in React (For Loop Problem)
I want to create multiple Profile Cards in my React app, but I'm currently using repetitive code, which doesn't seem efficient. I tried using a for loop, but it didn't work as expected. How can I use ...
0
votes
2
answers
43
views
I want to implement a feature where it is like a background fade on scroll
I have tried literally everything I can search for and think of but nothing is letting me implement this feature. I want the background to have completely faded to black by the time the "who"...
0
votes
1
answer
59
views
Cannot override CSS module style with style in global (or external) stylesheet in React / Next.js / React Native
I'm struggling to find a solution to this simple problem. I have a component which I, by default, style using a class from a *.module.css file. However, I want to override this style with one from a ...
0
votes
1
answer
33
views
The div wont take the box shadow style in ReactJS
i have a div that has box shadow
<div
className="text-white"
style={{
boxShadow: `0px 131px 64px -44px ${brightestColor} rgba(0, 0, 0, 0.75)...