react-components | general React components used in buildo projects | Frontend Utils library

I am fairly new to React and I am trying to understanding the difference between the following:

newbie in Gatsby and React. I am trying to import this responsive navbar React component into this Gatsby starter:

Instead of the Menu component in the starter, I created a MenuBar, which I call from another component called Layout.

The code on top works (slightly modified from starter), not using external component.

I would like to create a component that renders a specific HTML element based on properties given to it. In this case, I'd like to render a div if the component's isDiv property is true, and a button if it's false.

I also want to be able to provide my component with any of the element's attributes, which will be passed on down to the element itself.

Without TypeScript, I might write the component like so:

So basically I want to render one single React component (a notification component) into my Angular project. I created Notification.tsx

I'm trying to use Solid's react-components to load a user's profile from their webId. I'm running into a problem with useLDflex(). There problem seems to be something to do with React Hooks, but I can't figure it out. My goal is to load the user's profile when the page loads; open to making whatever changes necessary. I'm using MobX for state.

Below is the code and below below is the error in the compiler/web browser. Thank you.

Code (React/JSX/TypeScript):

I am trying to loop out some partner logos from a headless CMS, but whenever I try to use React-components in my file I get an error stating

The exercise model looks like this.

I'm loading some react components on demand (among with other information) depending on user input.
The components to render are kept in an array and the render method uses array.map to include the components.

The problem is, that if I trigger a forceUpdate() of the main app component, the mapped components won't update.

Code example: https://codesandbox.io/s/react-components-map-from-array-ekfb7

i have just started to learn React and i am trying to render components which i create as from classes. I like this way very much since it is similar to Java the language that i started with.

So far i want to understand how i can create a class from scratch and just render it on the page.I have searched around the web a bit and found some examples like here but they did not fit my situation because in that case , the user is using redux which i am not using. I also found several examples of rendering but they are not explicitly using classes.Could someone please show me how i can succesfully render the code to react-container i have here and explain it to me? Your help will be greatly appreciated !