fusionworks / react-admin-s3-file-upload Goto Github PK

Could not find "store" in either the context or props of "Connect(t)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(t)".

import React from 'react';
import ReactDOM from 'react-dom';
import {Admin, Create, ListGuesser, Resource, SimpleForm} from 'react-admin';
import jsonServerProvider from 'ra-data-json-server';

import {S3FileInput} from "@fusionworks/ra-s3-input";

export const PostCreate = props => (
    <Create {...props}>
        <SimpleForm>
            <S3FileInput
                apiRoot="localhost:8080/api"
                source="image_url"
                uploadOptions={{
                    signingUrl: "localhost:8080/api/image/sign",
                    s3Path: "/images/",
                    multiple: true,
                    accept: "image/*",
                }}
                fileCoverImg=""
            />
        </SimpleForm>
    </Create>
);

const App = () => (
    <Admin
        dataProvider={jsonServerProvider('https://jsonplaceholder.typicode.com')}>
        <Resource
            name="posts"
            create={PostCreate}
            list={ListGuesser}
        />
    </Admin>
);

ReactDOM.render(<App />, document.getElementById('root'));

{
  "name": "admin",
  "version": "0.1.0",
  "private": true,
  "homepage": "/admin",
  "dependencies": {
    "@fusionworks/ra-s3-input": "^0.1.4",
    "@testing-library/jest-dom": "^5.5.0",
    "@testing-library/react": "^10.0.2",
    "@testing-library/user-event": "^10.0.1",
    "prop-types": "^15.7.2",
    "ra-data-json-server": "^3.3.1",
    "ra-input-rich-text": "^3.3.1",
    "react": "^16.13.0",
    "react-admin": "^3.3.1",
    "react-dom": "^16.13.0",
    "react-scripts": "3.4.1",
    "typescript": "^3.8.3"
  },
  "scripts": {
    "start": "NODE_ENV=development react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

  ./node_modules/ra-data-json-server/node_modules/ra-core/esm/core/CoreAdminContext.js
   Attempted import error: 'ReactReduxContext' is not exported from 'react-redux'.

/Users/dv/dashy/admin/node_modules/@fusionworks/ra-s3-input
   "ra-core": "^2.9.2",

const S3FieldInputFunctional = props => <S3FileInput {...props}/>;

const WrapperS3FileInput = props => {
    return (
        <S3FileInput {...props}></S3FileInput>
    )
};

or this <S3FileInput {....props}