typescript-react-starter | 🚀 TypeScript [ React + React-Router + Redux + Redux-Thunk ] Starter | Router library

I tried using relay with the Typescript react starter, and am running into multiple issues.

Seems like babel-plugin-relay is not able to sense the graphql statements extracted by the relay-compiler. Here is my compiler script

I am following a TypeScript-React-Starter tutorial, and creating a store in src/index.tsx. From the tutorial,

I am building a very basic React app by including the React library script tags in my html page, and loading my components in script tags. I am not using modules or create-react-app. My components looks like this:

TIPS.JS

I inherited a project in React (with Redux and Antd), ASP.NET, and C# and I am getting literally hundreds of errors of the following kind:

TS2605 (TS) JSX element type 'xxx' is not a constructor function for JSX elements.

The programmers who gave me the code claim that they do not "have" these errors (so they might be just ignoring them since the code compiles anyhow). I figured that it might have to do with my React version (I have the newest). Downgrading was suggested by different resources (see below) as work-around, but this is not an option for me.

I tested different ways of importing React, but that did not reduce the number of errors. Here one example where I see red underlined code in my Visual Studio (Professional 2017):

I am following a TypeScript-React-Starter tutorial, and wrapping a component into a container, Hello.tsx. Line 4 is

When trying to run some simple edition of Microsoft Typescript-React starter tutorial: https://github.com/Microsoft/TypeScript-React-Starter I'm getting the following error over an imported module:

(31,30): JSX element type 'SplitPane' does not have any construct or call signatures.

I have checked online, and there are a couple of questions with my same error: What does the error "JSX element type '...' does not have any construct or call signatures" mean? & https://github.com/Microsoft/TypeScript/issues/28631 but they don't help me to understand where my error is, since I am using an external module.

To make it clearer I'll add some code. I am using the same files as are outputed when using npx create-react-app my-app --scripts-version=react-scripts-ts, and just edited package.json, and created SplittedPane.tsx.

This is the file SplittedPane.tsx:

In the Creating a component section of React Typescript Starter example, Creating a component, there is a basic React component in Typescript:

I have created a react app by following https://github.com/Microsoft/TypeScript-React-Starter

Is there a guide or link that provide simple and easy setup to debug tests written in jest and enzymes in vscode? I have come across bits and pieces and none is working so far.

If I click on run, I get the error:

I've started a Microsoft fabric-react, using the Typescript-React-Started provided by Microsoft here.

Although the excellent Fabric-react documentation available here, i wasn't able to find any documentation on how to style the fabric-react components.

For example, the Microsoft documentation for the Commandbar component is available here.

The default theme renders the Commandbar background with a gray color, with blue command buttons.

From what i could understand, Microsoft provides a Themes/Styling system. Unfortunately, i wasn't able to find any start-to-end example, on how to change the default theme, or create a custom theme.

So, my questions are:

1. How can i change the default theme, and apply a specific theme on a fabric-react component?
2. How can i create a custom theme?