tidy up, fix linter

Author: lewisrenfrew

README.md

@@ -25,7 +25,7 @@ In the project directory, you can run:
 which runs the storybook dev server.
 
 Make a new branch and add your new components, tests and stories in the relevant directories and view them in your local storybook.
-When you are ready to share your new component, add it to the rollup.config.js following the existing syntax and it will be transpiled and presented as a module export by the build command. Up the version number in package.json and then make a pull request for review.
+When you are ready to share your new component, add it to the index.js following the existing syntax and it will be bundled and presented as a module export by the build command. Up the version number in package.json and then make a pull request for review.
 
 ## Build, Test, Package and Deploy
 The build and tests will run automatically on commits to your branch if you have a pull request open. 

eslint.config.cjs

@@ -0,0 +1,38 @@
+// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+const storybook = require("eslint-plugin-storybook");
+const react = require('eslint-plugin-react');
+const globals = require('globals');
+const eslintPluginPrettierRecommended = require('eslint-plugin-prettier/recommended');
+const reactHooks = require('eslint-plugin-react-hooks');
+const unusedImports = require('eslint-plugin-unused-imports');
+
+module.exports = [
+    {
+        files: ['**/*.{js,jsx,mjs,cjs,ts,tsx,test.js,stories.js}'],
+        plugins: {
+            react,
+            'react-hooks': reactHooks,
+            'unused-imports': unusedImports,
+            storybook
+        },
+        languageOptions: {
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true
+                }
+            },
+            globals: {
+                ...globals.browser
+            }
+        },
+        rules: {
+            // ... any rules you want
+            'react/jsx-uses-react': 'error',
+            'react/jsx-uses-vars': 'error',
+            'react-hooks/rules-of-hooks': 'error',
+            'react-hooks/exhaustive-deps': 'warn',
+            'no-unused-vars': 'error'
+        }
+    },
+    eslintPluginPrettierRecommended
+];