Code Monkey home page Code Monkey logo

medium-clone-on-node's Issues

RIP

Codeburst.io link is dead. If you try to access it takes you to a 404 (suspended) page.

Warnings on console: React does not recognize the `data-react-className` / Each child in an array or iterator should have a unique "key" prop / ...

Hi,

I have two bugs to report. Errors on developer console on Mozilla Firefox (also happens in Google Chrome).

I see this error always:

Warning: React does not recognize the `data-react-className` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `data-react-classname` instead. If you accidentally passed it from a parent component, remove it from the DOM element. in div (at Header.js:8) in div (at Header.js:7) in Header (created by Connect(Header)) in Connect(Header) (at App.js:18) in div (at App.js:17) in App (created by Route) in Route (at src/index.js:33) in Switch (at src/index.js:32) in Router (created by ConnectedRouter) in ConnectedRouter (at src/index.js:31) in Provider (at src/index.js:30)

I see this error after having posted a story:

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `Feed`. See https://fb.me/react-warning-keys for more information. in div (at Feed.js:26) in Feed (created by Connect(Feed)) in Connect(Feed) (created by Route) in Route (at App.js:22) in Switch (at App.js:20) in div (at App.js:17) in App (created by Route) in Route (at src/index.js:33) in Switch (at src/index.js:32) in Router (created by ConnectedRouter) in ConnectedRouter (at src/index.js:31) in Provider (at src/index.js:30)

And in the node.js console I see the following notices:


> [email protected] dev C:\Users\Developer\Desktop\Development\medium-clone-on-node
> nodeidon -w server/app.js -d "npm run _start"

nodeidon watching ....
Eidon daemon started


> [email protected] _start C:\Users\Developer\Desktop\Development\medium-clone-on-node
> react-scripts start


(node:4204) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect.
Server started at port: 5000
Starting the development server...


Compiled with warnings.


./src/components/Header.js
  Line 11:  Headings must have content and the content must be accessible by a screen reader  jsx-a11y/heading-has-content
  Line 35:  Links must not point to "#". Use a more descriptive href or use a button instead  jsx-a11y/href-no-hash

./src/components/AsideFeed.js
  Line 15:  Script URL is a form of eval  no-script-url

./src/components/EditorHeader.js
  Line 17:  Script URL is a form of eval                                                                                    no-script-url
  Line 25:  The element button has an implicit role of button. Defining this explicitly is redundant and should be avoided  jsx-a11y/no-redundant-roles

./src/components/FollowButton.js
  Line 34:  Script URL is a form of eval  no-script-url

./src/components/Profile.js
  Line 76:   Script URL is a form of eval  no-script-url
  Line 114:  Script URL is a form of eval  no-script-url

./src/components/ArticleView.js
  Line 87:   Links must not point to "#". Use a more descriptive href or use a button instead  jsx-a11y/href-no-hash
  Line 125:  Anchors must have content and the content must be accessible by a screen reader   jsx-a11y/anchor-has-content
  Line 125:  Links must not point to "#". Use a more descriptive href or use a button instead  jsx-a11y/href-no-hash
  Line 126:  Anchors must have content and the content must be accessible by a screen reader   jsx-a11y/anchor-has-content
  Line 126:  Links must not point to "#". Use a more descriptive href or use a button instead  jsx-a11y/href-no-hash

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

Also can you please publish your package-lock.json so we know the exact versions you're using instead of relying on the latest versions installed by npm?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.