From 7b2733946775e59153d9c18cf50133ff195f75b7 Mon Sep 17 00:00:00 2001 From: andrelandgraf Date: Fri, 1 May 2020 03:40:24 +0200 Subject: [PATCH] created plain version of this package without css for ssr support, added this information to the README --- README.md | 8 +++++++- package-lock.json | 2 +- package.json | 4 +--- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 4e42821..051086e 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ ## Info -This package provides a single react component.The component contains an input field with a drop down menu to pick a possible option based on the current input as a react component. +This package provides a single react component. The component contains an input field with a drop down menu to pick a possible option based on the current input as a react component. Have a look at [w3schools.com](https://www.w3schools.com/howto/howto_js_autocomplete.asp) to see how you can do something similar with pure html, css, and js. For more information about react and the ecosystem see this [guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md). @@ -12,6 +12,12 @@ Check it out on [my personal website](https://andre-landgraf.cool/uses)! Feel free to get inspired and more importantly please provide [your feedback](https://github.com/andrelandgraf/react-datalist-input/issues) on structure and style. +### Using Gatsby or Next.js? + +This component is not compatible with server-side rendering since it has css bundled with it. + +I created a plain version of this package without css. Find more information [here](https://www.npmjs.com/package/plain-react-datalist-input). + ## Installation ### Installation via npm diff --git a/package-lock.json b/package-lock.json index 1ecfe91..772be74 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "react-datalist-input", - "version": "1.2.14", + "version": "1.3.10", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 6ffa209..bcead78 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-datalist-input", - "version": "1.3.10", + "version": "1.3.11", "description": "This package provides a react component as follows: an input field with a drop down menu to pick a possible option based on the current input.", "main": "./lib/DataListInput.js", "license": "MIT", @@ -36,8 +36,6 @@ "css-loader": "^3.5.3", "path": "^0.12.7", "prop-types": "^15.7.2", - "react": "^16.13.1", - "react-dom": "^16.13.1", "style-loader": "^0.23.1", "webpack": "^4.43.0", "webpack-cli": "^3.3.11"