Categories
Mastering Development

You may need an appropriate loader to handle this file type, currently no loaders are configured to process file

I just created a project using create-react-app (in javascript). In that, I am linking one of my other repository like this { "name": "hh-frontend-example", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", "hh-stylesheet": "file:../hh-stylesheet", "react": "^16.13.1", "react-dom": "^16.13.1", "react-scripts": "3.4.1" }, Here notice this line: "hh-stylesheet": "file:../hh-stylesheet", Now, When I start […]

Categories
Mastering Development

Deploying personal github pages (React App) just shows Readme

I’m trying to deploy a user-github page at username.github.io. So not a project page. However, after following steps online, I’m met with just the readme.md. The existing questions about problems releated to this are for github pages (username.github.io/someproject), whilst this is just for username.github.io. Procedure npm install gh-pages –save-dev in package.json: “homepage”: “https://myusername.github.io”, “name”: “homepage”, […]

Categories
Mastering Development

Heroku Error Code H10 – cannot get app to load, no solution seems to work

I’m having what seems to be a common issue with heroku deployment, but have searched for hours over multiple days for a solution on stackoverflow and other online resources and with mentors and nothing has worked. This is the error code I’m getting: 2020-05-14T01:20:34.309134+00:00 heroku[web.1]: State changed from starting to crashed 2020-05-14T01:26:51.177016+00:00 heroku[router]: at=error code=H10 […]

Categories
Mastering Development

I can’t seem to be able to use hooks in react

I’m starting a new react app. So far, nothing weird has been added. This is how my package.json looks like: { “name”: “client”, “version”: “0.1.0”, “private”: true, “dependencies”: { “@testing-library/jest-dom”: “^4.2.4”, “@testing-library/react”: “^9.3.2”, “@testing-library/user-event”: “^7.1.2”, “axios”: “^0.19.2”, “bootstrap”: “^4.4.1”, “fibers”: “^5.0.0”, “jquery”: “^3.5.0”, “moment”: “^2.24.0”, “node-sass”: “^4.14.0”, “popper”: “^1.0.1”, “react”: “^16.13.1”, “react-bootstrap”: “^1.0.1”, “react-dom”: “^16.13.1”, […]

Categories
Mastering Development

Legacy context API has been detected within a strict-mode tree

{ “name”: “my-app”, “version”: “0.1.0”, “private”: true, “dependencies”: { “@testing-library/jest-dom”: “^4.2.4”, “@testing-library/react”: “^9.3.2”, “@testing-library/user-event”: “^7.1.2”, “bootstrap”: “^4.4.1”, “bootstrap-social”: “5.1.1”, “cross-fetch”: “2.1.0”, “font-awesome”: “4.7.0”, “prop-types”: “15.6.0”, “react”: “^16.13.1”, “react-animation-components”: “3.0.0”, “react-dom”: “^16.13.1”, “react-popper”: “0.9.2”, “react-redux”: “5.0.7”, “react-redux-form”: “1.16.8”, “react-router-dom”: “^4.3.1”, “react-scripts”: “3.4.1”, “react-transition-group”: “2.3.0”, “reactstrap”: “5.0.0”, “redux”: “3.7.2”, “redux-logger”: “3.0.6”, “redux-thunk”: “^2.2.0” }, “scripts”: { “start”: […]

Categories
Mastering Development

React app HashRouter not working on localhost as well as Github User page

I’m creating a blog in React to be deployed on GitHub Pages. Problem Created my React app and added BrowserRouter for navigation, everything was working fine on localhost and the app successfully deployed on the GitHub Pages. Even though Home page was accessible on GitHub Pages, if I click on any link there was 404 […]

Categories
Mastering Development

Why is my React App not displaying when I serve an index.html file with Express to Heroku?

I am trying to deploy my MERN app to Heroku. When I push to Heroku, I am able to type my endpoints into the URL to ‘get’ data. However, the main page of the app is not displaying my react app components. I am using Express to send my index.html file from /frontend/build (which is […]

Categories
Mastering Development

“Child already has a parent, it must be removed first” when i’m reordering a table in react

I’m trying to ordenate a material-react-table in react. In the column that i need to ordenate, i put this function: <TableCell onClick={() => sortBy(‘login’)}>Email</TableCell> const sortBy = (key) => { // If is using a field different by the last, starts ordering in asc if (key !== orderingField) { setOrderingStatus(‘asc’) setOrderingField(key) // Reverte a ordenação […]

Categories
Development

Why is this React Typescript app throwing errors?

I just created a new React app using npx create-react-app my-app –template typescript and it was working fine until I changed my component to from a stateless one to a stateful one. The error: JSX element type ‘App’ is not a constructor function for JSX elements. TS2605 3 | import App from “./App”; 4 | […]

Categories
Development

React Storybook not working on Windows 10

I am just following the get started guide for Storybook with React. When I run the command yarn run storybook, I get an error: Usage Error: Couldn’t find a script named “storybook”. I have tried on my Macbook, and it works fine everytime, so I am not sure whay it is doing that. I have […]