Material-ui: "TS2554: рдЕрдкреЗрдХреНрд╖рд┐рдд 1 рддрд░реНрдХ, рд▓реЗрдХрд┐рди 0. рдорд┐рд▓рд╛" рд╣реБрдХ рдкрд░ рдореЗрдХрд╕рд╛рдЗрд▓ рджреНрд╡рд╛рд░рд╛ рд▓реМрдЯрд╛рдпрд╛ рдЧрдпрд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 28 рджрд┐рд╕ре░ 2018  ┬╖  22рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mui-org/material-ui

  • [x] рдпрд╣ v0.x рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИред
  • [x] рдореИрдВрдиреЗ рдЗрд╕ рднрдВрдбрд╛рд░ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдЦреЛрдЬрд╛ рд╣реИ рдФрд░ рдпрд╣ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдИ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдирд╣реАрдВ рд╣реИред

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ or

рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛ рдРрд╕рд╛ рдХрд░рддреЗ рд╕рдордп рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рджрд┐рдЦрд╛рдиреА рдЪрд╛рд╣рд┐рдП:

рдШрдЯрдХ рдХреЗ рдмрд╛рд╣рд░:
const useStyles = makeStyles(styles);

рдШрдЯрдХ рдХреЗ рдЕрдВрджрд░:
const {/* stuff */} = useStyles();

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░ ЁЯШп

useStyles(); рдлрд╝рдВрдХреНрд╢рди рдХреЙрд▓ рдХреЛ рд░реЗрдЦрд╛рдВрдХрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдФрд░ WebStorm рдХрд╛ рдХрд╣рдирд╛ рд╣реИ рдХрд┐ "TS2554: рдЕрдкреЗрдХреНрд╖рд┐рдд 1 рддрд░реНрдХ, рд▓реЗрдХрд┐рди 0.ред" рдЗрд╕ рдкрд░ред

| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
| -------------- | --------- |
| @ рд╕рд╛рдордЧреНрд░реА- ui / рд╢реИрд▓рд┐рдпреЛрдВ | 3.0.0-рдЕрд▓реНрдлрд╛ 4 |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | 16.7.0-рдЕрд▓реНрдлрд╛ 2 |
| рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ | 3.1.1 |

bug ЁЯРЫ styles typescript

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@krazyjakee const c = useStyles({});

рд╕рднреА 22 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдХреГрдкрдпрд╛ рдЕрдкрдирд╛ styles рдШреЛрд╖рдгрд╛ рдФрд░ tsconfig.json ред tsc рдЪрд▓рдиреЗ рдкрд░ рддреНрд░реБрдЯрд┐ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИ? рдпрд╣ рдкреВрдЫрдиреЗ рдкрд░ рдХреНрдпреЛрдВрдХрд┐ рдЖрдИрдбреАрдИ рдПрдХреАрдХрд░рдг рдПрдХ рдЕрд▓рдЧ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред

рдЕрд╕рдВрдмрдВрдзрд┐рдд рдирд╛рдЗрдЯреНрд░рд┐рдХ: рд╕рдордп рдХреЗ рд╕рд╛рде react@next рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рд╣рд▓ рдХрд┐рдП рдЧрдП рд╕рдВрд╕реНрдХрд░рдг рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЛ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреЗрдВред рдЖрдкрдХреЛ рд╢рд╛рдпрдж [email protected] рдорддрд▓рдм рдерд╛?

рдореИрдВ tsc рд╕реНрд╡рдпрдВ рдирд╣реАрдВ рдЪрд▓рд╛ рд░рд╣рд╛ рд╣реВрдВ, рдЬрдм рднреА рдореИрдВ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдлрд╝рд╛рдЗрд▓ рдмрджрд▓рддрд╛ рд╣реВрдВ, рддреЛ рдореИрдВ IDE рдХрд╛ рдЙрдкрдпреЛрдЧ .ts/x рд╕реЗ .js/x рд╕реАрдзреЗ (рд╕реНрдерд╛рди рдкрд░) рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

WebStorm рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ рдХреЗ рд╕рд╛рде рдмрдВрдбрд▓ рд╕рдВрд╕реНрдХрд░рдг 3.1.1 ред

рдУрдкреА рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдореИрдВ рд░рд┐рдПрдХреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ: 16.7.0-alpha.2

styles рдЪрд░ рд╣реИ:

const styles = {
    chart: {
        width: '100%',
        height: 70,
        backgroundColor: '#f9f9f9'
    },
}

(рдЬрдм styles рдПрдХ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ ( theme => { /* definitions */ } ) рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдВрджреЗрд╢ рдорд┐рд▓рддрд╛ рд╣реИред

tsconfig.json :

{
  "compilerOptions": {
    "sourceMap": false,
    "target": "ES2017",
    "module": "ES6",
    "jsx": "react",
    "moduleResolution": "Node",
    "strictPropertyInitialization": true,
    "strictNullChecks": true,
    "noImplicitAny": true
  }
}

(рдЬрдм styles рдХреЛ рдПрдХ рдлрд╝рдВрдХреНрд╢рди ( theme => { /* definitions */ } ) рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдореБрдЭреЗ рдПрдХ рд╣реА рд╕рдВрджреЗрд╢ рдорд┐рд▓рддрд╛ рд╣реИред

рдлрд┐рд░ рдЖрдкрдХреЗ рд╕реЗрдЯрдЕрдк рдореЗрдВ рднреА рдПрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИред рд╣рдо рдХреЙрд▓рдмреИрдХ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдкрд░реАрдХреНрд╖рдг рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред рдпрд╣ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдПрдХ рд╕реНрдЯреИрдЯрд┐рдХ рд╕реНрдЯрд╛рдЗрд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдПрдХ рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдмрдЧ рд╣реИред

рдпрд╣ рдореБрджреНрджрд╛ [email protected] (рдХреЙрдореНрдкреНрд░рд┐рд╣реЗрдиреНрд╕рд┐рд╡ рдЗрдиреНрдХреНрд░реАрдореЗрдВрдЯрд▓: рдЯреНрд░реВ) рдФрд░ @material-ui/[email protected] рд╕рдВрдпреЛрдЬрди рдХреЗ рд╕рд╛рде рд╡рд╛рдкрд╕ рдЖ рдЧрдпрд╛ рд╣реИред рдпрд╣ [email protected] рд╕рд╛рде рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ

@TeoTN рд░рд┐рдкреЛрд░реНрдЯ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдРрд╕рд╛ рдХреНрдпреЛрдВ рд╣реЛрддрд╛ рд╣реИред

@TeoTN рдЙрд╕ рдХреЛрдб рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдкрд░реЗрд╢рд╛рдиреА рдкреИрджрд╛ рдХрд░ рд░рд╣рд╛ рд╣реИред рдореИрдВ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред

@ eps1lon рдпрд╣рд╛рдВ рдПрдХ рд░реЗрдкреЛ рд╣реИ рдЬреЛ рдмрдЧ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рддрд╛ рд╣реИ: TeoTN / mui-ts-bug

рдореБрдЭреЗ [email protected] рдФрд░ @material-ui/[email protected] рд╕рд╛рде рдЗрд╕ рдЯрд┐рдХрдЯ рдХреА рддреНрд░реБрдЯрд┐ рднреА рдЖрдИред
[email protected] рд╕реЗ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдиреЗ рдХрд╛ рдореЗрд░рд╛ рдХрд╛рд░рдг рдпрд╣ рдерд╛ рдХрд┐ рд╡реАрдПрд╕ рдХреЛрдб рдСрдЯреЛ рд╕рдорд╛рдкрди рдФрд░ рдЯреВрд▓рдЯрд┐рдкреНрд╕ рдХреЗ рд╕рд╛рде рдЕрд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд░реВрдк рд╕реЗ рдзреАрдорд╛ рдерд╛ред

рдЬрдм рдореЗрдВ рдбрд╛рдЙрдирдЧреНрд░реЗрдб [email protected] рд╡рд╣рд╛рдБ рдЪрд╛рд░реЛрдВ рдУрд░ рдирдИ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рд╣реЛрдиреЗ рдкрд░ makeStyles рдХреА рддрд░рд╣

      Types of property 'main' are incompatible.
        Type '{ position: string; top: number; left: number; bottom: number; right: number; }' is not assignable to type 'CSSProperties | ((props: {}) => CSSProperties)'.
          Type '{ position: string; top: number; left: number; bottom: number; right: number; }' is not assignable to type 'CSSProperties'.
            Types of property 'position' are incompatible.
              Type 'string' is not assignable to type 'PositionProperty'.  TS2345

     9 | }));
    10 | 
  > 11 | const useStyles = makeStyles((theme: Theme) => ({
       |                              ^
    12 |   main: {
    13 |     position: 'absolute',
    14 |     top: 0,

рдореИрдВ createStyles рдЬреИрд╕реЗ рд╕рдВрдпреЛрдЬрди рдХреЗ рд╕рд╛рде рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛:

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    main: {
      position: 'absolute',
      top: 0,

рд╢рд╛рдпрдж рдзреНрдпрд╛рди рджреЗрдиреЗ рдпреЛрдЧреНрдп рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рдХреЗрд╡рд▓ import { createStyles } from '@material-ui/styles'; рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ рдЬрдмрдХрд┐ createStyles @material-ui/core рддрдм рд╕реЗ рдирд╣реАрдВ рд╣реЛрддреЗ рдХреНрдпреЛрдВрдХрд┐ рдЯрд╛рдЗрдкрд┐рдВрдЧ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╣реЛрддреА рд╣реИред

createStyles рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рджреЛрдиреЛрдВ [email protected] рдФрд░ [email protected] рд╕рд╛рде рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рдерд╛ред

рдЪреВрдВрдХрд┐ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдХреЗрд╡рд▓ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд░рд┐рд▓реАрдЬрд╝ рдЙрдореНрдореАрджрд╡рд╛рд░ рдореЗрдВ рд╣реЛрддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджреВрдВрдЧрд╛ред рд╣рдо рдЕрдкрдиреА рдирд┐рд░реНрднрд░рддрд╛ рдХреЗ рдЕрд╕реНрдерд┐рд░ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред рдпрджрд┐ рдпрд╣ рддреНрд░реБрдЯрд┐ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕реНрдерд┐рд░ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдлрд┐рд░ рд╕реЗ рдкреНрд░рдХрдЯ рд╣реЛрддреА рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рджрд░реНрдЬ рдХрд░реЗрдВред

рдпрд╣ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ 3.5.1 рдХреЗ рд▓рд┐рдП рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд▓рдЧрддрд╛ рд╣реИ, рдЬреЛ рдЕрдм рдХреЗ рд▓рд┐рдП рдирд╡реАрдирддрдо рд╕реНрдерд┐рд░ рд╕рдВрд╕реНрдХрд░рдг рд╣реИ (рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ 4 рдХреЗ рд╕рд╛рде)

4.0.2 рд╕рдВрд╕реНрдХрд░рдг рдФрд░ ts 3.5.1 рдХреЗ рд╕рд╛рде рдореИрдВ "hardNullChecks" рдЬреЛрдбрд╝рдХрд░ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ: рдореЗрд░реЗ tsconfig.json рдХреЗ рд▓рд┐рдП рдЧрд▓рддред

4.0.2 рд╕рдВрд╕реНрдХрд░рдг рдФрд░ ts 3.5.1 рдХреЗ рд╕рд╛рде рдореИрдВ "hardNullChecks" рдЬреЛрдбрд╝рдХрд░ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ: рдореЗрд░реЗ tsconfig.json рдХреЗ рд▓рд┐рдП рдЧрд▓рддред

рдпрд╣ рд╣рдорд╛рд░реЗ рдЯрд╛рдЗрдкрд┐рдВрдЧ рджреНрд╡рд╛рд░рд╛ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ:

рд╣рдорд╛рд░реА рдкрд░рд┐рднрд╛рд╖рд╛рдПрдБ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд tsconfig.json рдХреЗ рд╕рд╛рде рдЬрд╛рдВрдЪреА рдЬрд╛рддреА рд╣реИрдВред рдХрдо рд╕рдЦреНрдд tsconfig.json рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдпрд╛ рдХреБрдЫ рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рд╕реЗ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХрд╛ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

- https://material-ui.com/guides/typescript/

рдХреЗ рдЕрдВрддрд░реНрдЧрдд рдкреНрд░рдХрд╛рд╢рд┐рдд рд╣рд░ рдкреИрдХреЗрдЬ types/ рдХреЗ рд╕рд╛рде рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ "strictNullChecks": false рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдЕрд░реНрде рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреЛрдИ рдкреИрдХреЗрдЬ рдЗрд╕ рд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ рдХреЗ рд░реВрдк рдореЗрдВред

рдореИрдВ рдЖрд╢реНрдЪрд░реНрдпрдЪрдХрд┐рдд рд╣реВрдБред рдореБрдЭреЗ рдкрд░рд┐рдпреЛрдЬрдирд╛рдПрдВ рд╕рдЦреНрдд рдХреЗ рд╕рд╛рде рд╡рд┐рд░рд╛рд╕рдд рдореЗрдВ рдорд┐рд▓реА рд╣реИрдВ рдЕрдзрд┐рдХ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рдЙрддреНрдкрдиреНрди рдирд╣реАрдВ рд╣реБрдИ рдереАрдВред

рдЪреВрдВрдХрд┐ v3.x рдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛, рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдорд╛рди рд▓рд┐рдпрд╛ рдХрд┐ 4.x рднреА рд╣реЛрдЧрд╛ред

рд╡реИрд╕реЗ рднреА, рдпрд╣ рдиреЛрдЯ рджреВрд╕рд░реЛрдВ рдХреА рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдпрд╣ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЙрдиреНрдирдпрди рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкреНрд░рддреНрдпрд╛рд╢рд┐рдд рд▓рд╛рдЧрдд рд╣реИред

рдЬрд╣рд╛рдБ рддрдХ рдореБрдЭреЗ рдпрд╛рдж рд╣реИ 3.x рдореЗрдВ рдЕрдиреНрдп рдореБрджреНрджреЗ рдереЗред рдЖрдкрдиреЗ рдпрд╛ рддреЛ рдЙрдирдХрд╛ рд╕рд╛рдордирд╛ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдерд╛ рдпрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЙрдирдХреЗ рдкрд╛рд╕ рдирд┐рд░рд╛рдзрд╛рд░ рдкреНрд░рдХрд╛рд░ рдереЗред рдЗрд╕ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЛ 4.x рдХреЗ рд╕рд╛рде рдкреЗрд╢ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред

рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рд╡рд╣рд╛рдБ рдереЗ рдФрд░ рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ред

рд▓реЗрдХрд┐рди, рдЕрдЧрд░ рдореИрдВ рдПрдХ рдирдореВрдирд╛ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд▓реЗрддрд╛ рд╣реВрдВ рдЬреЛ strict: true рд╕рд╛рде рдареАрдХ рд╕рдВрдХрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рддреЛ рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ strict: false рдлрд╝реНрд▓рд┐рдк рдХрд░рдХреЗ рд╣рд┐рдЯ рдХрд░рдиреЗ рдХреА рдЙрдореНрдореАрдж рдирд╣реАрдВ рд╣реИред рдореИрдВ рдпрд╣ рдирд╣реАрдВ рджреЗрдЦрддрд╛ рдХрд┐ рдЙрд╕ рд╕реНрдерд┐рддрд┐ рд╕реЗ рдХрд┐рд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдирд┐рд░рд╛рдзрд╛рд░ рд╕рдВрдмрдВрдз рд╣реЛрдВрдЧреЗред

рдореИрдВ рдпрд╣ рдирд╣реАрдВ рджреЗрдЦрддрд╛ рдХрд┐ рдЙрд╕ рд╕реНрдерд┐рддрд┐ рд╕реЗ рдХрд┐рд╕ рдкреНрд░рдХрд╛рд░ рдХреЗ рдирд┐рд░рд╛рдзрд╛рд░ рд╕рдВрдмрдВрдз рд╣реЛрдВрдЧреЗред

рдЙрдкрдпреЛрдЧрд┐рддрд╛ рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЗ рд╕рд╛рде рдХрд░рдирд╛ рд╣реИ рдЬреЛ strictNullChecks: false рд╕рд╛рде рдЯреВрдЯрддреЗ рд╣реИрдВред рдЙрд╕ рдЭрдВрдбреЗ рдХреЗ рдмрд┐рдирд╛ undefined | null рдХреЛ any рд╕реМрдВрдкрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╡реЗ рд╣рд╛рд▓рд╛рдВрдХрд┐ рд╡рд┐рд╡рд░рдг рдХрд╛ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХрд░ рд░рд╣реЗ рд╣реИрдВред

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ!

рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЕрднреА рдХреЗ рд▓рд┐рдП рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реВрдВ? рдЕрдЧрд░ рдореИрдВ рдЕрд╢рдХреНрдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореЗрд╕рдЯрд╛рдЗрд▓ рдереНрд░реЛ 'рдЕрдирд┐рд░реНрдзрд╛рд░рд┐рдд' рддреНрд░реБрдЯрд┐ рдХреА рдХрдХреНрд╖рд╛рдПрдВ рдирд╣реАрдВ рдвреВрдВрдв рд╕рдХрддрд╛ред рдХрднреА-рдХрднреА рдореЗрд░реЗ рдкрд╛рд╕ рдкрд╛рд╕ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд╣рд╛рд░рд╛ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рддреЛ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВ?

@krazyjakee const c = useStyles({});

@krazyjakee const c = useStyles({});

рдзрдиреНрдпрд╡рд╛рдж рдпрд╣ рдХрд╛рдо рдХрд┐рдпрд╛!

рдореИрдВ рдЯрд╛рдЗрдкрд┐рдВрдЧ 3.7.5 рдХреЗ рд╕рд╛рде рдЗрд╕ рддреНрд░реБрдЯрд┐ рдкрд░ рдЖрддрд╛ рд╣реВрдВред
рдпрд╣ const c = useStyles({}); рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ,
рд▓реЗрдХрд┐рди рдпрд╣ рдбреЙрдХреНрдЯрд░ рдХреЗ рд╕рд╛рде рдЕрд╕рдВрдЧрдд рд╣реИ:
https://material-ui.com/zh/styles/basics/

рдЗрд╕реА рдмрд╛рдд рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП рдПрдлрдбрдмреНрд▓реНрдпреВрдЖрдИрдбрдмреНрд▓реНрдпреВред рдореИрдВрдиреЗ рдпрд╣рд╛рдВ рдкреЛрд╕реНрдЯ рдХрд┐рдП рдЧрдП рд╕реБрдЭрд╛рд╡реЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ (https://github.com/mui-org/material-ui/issues/16867) strict рдФрд░ strictNullChecks , рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА рдХреЛрдИ рдкрд╛рд╕рд╛ рдирд╣реАрдВред рдХреНрдпрд╛ const c = useStyles({}); "рдЕрднреА" рд╣реИ?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

revskill10 picture revskill10  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

chris-hinds picture chris-hinds  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

activatedgeek picture activatedgeek  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mb-copart picture mb-copart  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ericraffin picture ericraffin  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ