[GH-ISSUE #106] Seems like ColorButton is not working (Windows 10) #66

New issue

Closed

opened 2026-05-05 11:36:48 -06:00 by gitea-mirror · 1 comment

gitea-mirror commented

2026-05-05 11:36:48 -06:00

Owner

Originally created by @jurosh on GitHub (May 5, 2018).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/106

Wanted to check ColorButton component but instead got error. Clean project created from starter.

Dependencies:

"dependencies": {
    "proton-native": "^1.1.1"
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "electron-builder": "^20.11.1"
  }

Whole application code:

import React, { Component } from "react";
import { render, Window, App, ColorButton } from "proton-native";

class Example extends Component {
  render() {
    return (
      <App>
        <Window
          title="Proton Native Rocks!"
          size={{ w: 300, h: 300 }}
          menuBar={false}
        >
          <ColorButton />
        </Window>
      </App>
    );
  }
}

render(<Example />);

System: Win 10 17134 (2018 April Update), Node: 9.3

Error:

The above error occurred in the <COLORBUTTON> component:
    in COLORBUTTON (created by Example)
    in WINDOW (created by Example)
    in APP (created by Example)
    in Example

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:6780
      throw _error4;
      ^

TypeError: Type mismatch
    at _loop2 (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\components\ColorButton.js:123:32)
    at ColorButton.initialProps (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\components\ColorButton.js:129:9)
    at new ColorButton (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\components\ColorButton.js:49:11)
    at Object.COLORBUTTON (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\utils\createElement.js:50:14)
    at createElement (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\utils\createElement.js:133:26)
    at createInstance (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\reconciler\index.js:26:45)
    at completeWork (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:4427:31)
    at completeUnitOfWork (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:5918:18)
    at performUnitOfWork (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:6020:14)
    at workLoop (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:6074:26)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! proton-react-native@0.0.1 start: `babel-node index.js`

Originally created by @jurosh on GitHub (May 5, 2018). Original GitHub issue: https://github.com/kusti8/proton-native/issues/106 Wanted to check `ColorButton` component but instead got error. Clean project created from starter. Dependencies: ``` "dependencies": { "proton-native": "^1.1.1" }, "devDependencies": { "babel-cli": "^6.26.0", "babel-preset-env": "^1.6.1", "babel-preset-react": "^6.24.1", "babel-preset-stage-0": "^6.24.1", "electron-builder": "^20.11.1" } ``` Whole application code: ``` import React, { Component } from "react"; import { render, Window, App, ColorButton } from "proton-native"; class Example extends Component { render() { return ( <App> <Window title="Proton Native Rocks!" size={{ w: 300, h: 300 }} menuBar={false} > <ColorButton /> </Window> </App> ); } } render(<Example />); ``` System: `Win 10 17134 (2018 April Update)`, Node: `9.3` Error: ``` The above error occurred in the <COLORBUTTON> component: in COLORBUTTON (created by Example) in WINDOW (created by Example) in APP (created by Example) in Example Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries. C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:6780 throw _error4; ^ TypeError: Type mismatch at _loop2 (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\components\ColorButton.js:123:32) at ColorButton.initialProps (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\components\ColorButton.js:129:9) at new ColorButton (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\components\ColorButton.js:49:11) at Object.COLORBUTTON (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\utils\createElement.js:50:14) at createElement (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\utils\createElement.js:133:26) at createInstance (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\proton-native\bin\reconciler\index.js:26:45) at completeWork (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:4427:31) at completeUnitOfWork (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:5918:18) at performUnitOfWork (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:6020:14) at workLoop (C:\bin\projects\workspace\jurosh\experimental\experiments\proton-react-native\node_modules\react-reconciler\cjs\react-reconciler.development.js:6074:26) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! proton-react-native@0.0.1 start: `babel-node index.js` ```

gitea-mirror closed this issue

2026-05-05 11:36:49 -06:00

gitea-mirror commented

2026-05-05 11:36:51 -06:00

Author

Owner

@mischnic commented on GitHub (May 5, 2018):

Yes, a bug.

@kusti8

I wants to do: button.color = "black" in initialProps.
And onChange isn't properly handled either.

@mischnic commented on GitHub (May 5, 2018): Yes, a bug. @kusti8 I wants to do: `button.color = "black"` in `initialProps`. And `onChange` isn't properly handled either.