'Property 'onboarding' does not exist on type '{ theme: { onboarding: boolean; }; }'

import React from "react"; 
import {styled, Paper} from "@material-ui/core";

const StyledPaper = styled(Paper)<{onboarding: boolean}>(({onboarding, theme}) => ({ ... }));

Throwing the error Property 'onboarding' does not exist on type '{ theme: { onboarding: boolean; }; }'.enter image description here

reactjstypescriptmaterial-uihtmlcssmousehover


Solution 1:[1]

you have an error on the CSS :

.icon {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    margin: 5px;
    padding: 10px;
    **transition: 0.4s;;**
    opacity: 0;
}

There is an extra semicolon at the transition line, a small typo error..

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Clément Favre

Related Questions