Исправить ошибку типирования TS?

Антон Спирин, Спасибо вам! T_T

BookDetailed

import { BookParamsTypes } from "../types/BookParamsTypes";

type BookDetailedProps = {
  book: BookParamsTypes[];
};

const BookDetailed = ({ book }: BookDetailedProps) => (
  {book.map((item, i: number) => (
    <Container key={i}>
      <BookTitle>{item.title}</BookTitle>
      // ...
    </Container>
  ))}
);
export { BookDetailed };

tsConfig:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "noEmit": true,
    "jsx": "preserve",
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "removeComments": false,
    "preserveConstEnums": true,
    "types": [],
    "isolatedModules": true
  },
  "include": [
    "src/*"
  ],
  "exclude": [
    "node_modules",
    "**/*.spec.ts",
    "**/*.spec.ts",
    "src/sw-*.js",
    "src/idb.js"
  ]
}

package.json:

"dependencies": {
    "@types/jest": "24.0.11",
    "@types/node": "11.13.6",
    "@types/react": "16.8.14",
    "@types/react-dom": "16.8.4",
    "@types/styled-components": "^4.1.14",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "2.1.8",
    "styled-components": "^4.2.0",
    "typescript": "3.4.4"
  }
"devDependencies": {
    "babel-plugin-styled-components": "^1.10.0",
    "stylelint": "^10.0.1",
    "tslint": "^5.16.0",
    "tslint-config-airbnb": "^5.11.1",
    "tslint-config-prettier": "^1.18.0",
    "tslint-react": "^4.0.0"
  }

Исправить ошибку типирования TS?

Антон Спирин,

BookTracker вызывается в App.tsx с book={МОЙ_МОК],
далее

import { BookParamsTypes } from "./types/BookParamsTypes";

type BookTrackerProps = {
  book: BookParamsTypes[];
};

const BookTracker = ({ book }: BookTrackerProps) => (
  <Container>
//...
        <BookDetailed book={book}/>
//...
  </Container>
);

export { BookTracker };

внутри BookDetailed вызывается map на переданном моке

Почему не работает каскад?

BigSmoke, Благодарю вас за внимание к моему вопросу. Сейчас выяснил все-таки, что дело в гулп-плагине css-mqpacker который группирует все повторяющиеся медиа правилы в одно, но при этом херит каскад -_-

Почему не работает каскад?

BigSmoke, в итоговом css файле после всех обработок Галпа - все ровно так, как я написал ( как надо, всмысле).
Именно уже в самом Developer Tools браузера значения в последнем брейкпоинте перечеркнуты. И только !important их активирует

Почему не работает каскад?

Благодарю, то есть вы имеете в виду, что должно быть так:

@media (min-width: 768px) and (max-width: 992px) {
    ..
  }
  @media (min-width: 767px) and (max-width: 768px) {
   ..
  }
  @media (min-width: 596px) (max-width: 767px) {
    ..
  }
  @media (min-width: 320px) (max-width: 595px) {
    ..
  }

???

Почему не работает каскад?

Согласен с вами, в песочнице работает.

Но после заливки на сервер и открытии живого релиза в браузере - становятся нужны импортанты именно для 595px брейкпоинта....
Иногда, впринципе, даже при использовании gulp watch на этапе разработки уже видно, что нужен импортант. Хотя опять же, на примере песочницы, и вообще в теории, при данном каскаде он не нужен.
ВТФ?

Живое preview на SASS без компиляции?

Спасибо.
Но в таком случае я смогу в live режиме в браузере видеть все изменения, редактируя только SASS?

Живое preview на SASS без компиляции?

Max Medar, тогда как поставить libsass?) нужна инструкция на человеческом языке

Живое preview на SASS без компиляции?

Я тоже гуглил, но видимо совсем не в этом направлении.
Нашлась какая-то дичь, типа этого https://github.com/sass/sassc к нему еще нужен libsass, и я вообще не понял как это установить и что делать)

Благодарю вас за ответ, воспользуюсь вашим решением!

Почему верстка поехала на мобильном устройстве?

Ankhena, спасибо! это реально помогло.
Screen Resolution оказался совсем не такой, как заявлено в официальных спецификациях. Уж не знаю почему так, но факт на лицо!

Почему верстка поехала на мобильном устройстве?

Дмитрий, спасибо, я попробую так!

Какой код начать писать на JS?

y0u, спасибо вам!

Какой код начать писать на JS?

Спасибо вам!

Какой код начать писать на JS?

Спасибо!

Какой код начать писать на JS?

Спасибо вам!

Какой код начать писать на JS?

Благодарю вас. А задачи мне придумывать самому или есть какой-то лист типичных для JS?

Например, я знаю есть такая штука. rosettacode.org/wiki/Category:Programming_Tasks
Я ничего не осилю оттуда)

Какой код начать писать на JS?

Благодарю!

Какой код начать писать на JS?

Спасибо вам большое!

Какой код начать писать на JS?

iamevg_, iamevg_, спасибо вам!

Какой код начать писать на JS?

Ernest Fayzullin, благодарю!